# figma

14개의 포스트

[알쓸신잡] 2. React에서 SVG 다루는 법

이전에 따로 svg 파일을 잘 다룬적이 없어서 react에서 material-ui와 함께 svg를 icon으로 녹임에 있어서 많은 고민과 시행착오가 있었다.svg 파일을 다 뜯어보는 것은 예사였고, 안의 path값만 가져오거나, 어떻게든 통일된 커스텀 컴포넌트를 만들어

어제
·
0개의 댓글
post-thumbnail

[Figma] 2021년 새해 기념 사용해보기

'피그마'라는 GUI 기반 UI 디자인 툴이 재밌어 보여서 써봤다. 테마 색깔은 요즘 좋아하는 색인 분홍색과 보라색으로 정했다. Django Virtual Classroom Home View.png) 코로나19로 인한 원격 등교의 아쉬운 점을 토로하는 신입생의 글을

2021년 1월 1일
·
0개의 댓글
post-thumbnail

2020/12/28 - to do list

기술 면접용 단어 정리 >> 자기 전에 읽기V 영어공부 : 스픽으로 1시간 스피킹 한 유닛V 운동 30분V 프로젝트 진행회의: 각자 완성한 개인 기능부분 스토리보드 발표스토리 보드 공통부분 완성 header, footer, main 완성반응형 웹이므로 모바일 버전도

2020년 12월 28일
·
0개의 댓글
post-thumbnail

2020/12/27 - to do list 진행중

[ ] 설거지 [ ] 운동: 실내 사이클 30분 [ ] 쉬는시간 책보기 '최고의 조직은 어떻게 만들어 지는가' [V] 기술 면접용 단어 정리 [V] 영어공부 1시간 스픽 한 유닛 Aesop's Fables 소리내어 읽기 57~83p [V] 프로젝트 진행 요구사항 정

2020년 12월 27일
·
0개의 댓글
post-thumbnail

2020/12/26 - to do list

[V] 강아지 돌보기 [V] 빨래 [ ] 운동: 실내 사이클 30분 [ ] 쉬는시간 책보기 '최고의 조직은 어떻게 만들어 지는가' [] 기술 면접용 단어 정리 [V] 영어공부 : 스픽으로 1시간 스피킹 [V] 프로젝트 진행 요구사항 정의서 보강 스토리보드 구상: 문화

2020년 12월 27일
·
0개의 댓글
post-thumbnail

2020/12/25 - to do list

V 강아지 돌보기V 운동: 실내 사이클 30분 쉬는시간 책보기 '최고의 조직은 어떻게 만들어 지는가'V 기술 면접용 단어 정리V 영어공부 : 스픽 한 챕터V 프로젝트 진행요구사항 정의서 보강스토리보드 구상: 문화 축제 게시판(list, read), 댓글 게시판쉬는 시

2020년 12월 25일
·
0개의 댓글

Figma Tutorial

절대 Group 기능 사용하지 말 것. 묶고 싶은 단위는 Frame으로 묶어서 사용할 것그래야 프레임으로 확대/축소를 할 때 한 꺼번에 적용이 됨텍스트, 컬러, Elevations는 스타일을 지정해서 사용Token 파일은 그냥 보여주기 위한 것으로 상속 받아서 사용하는

2020년 12월 12일
·
0개의 댓글
post-thumbnail

Figma2Html

Figma to Html

2020년 10월 28일
·
0개의 댓글
post-thumbnail

TIL 2020.08.08

2020년 10월 6일
·
0개의 댓글
post-thumbnail

피그마로 SVG 파일 추출하기(id 값 자동생성) Exporting SVG files in Figma

벡터 이미지를 SVG로 추출할 때 Figma가 정말정말정말 유용하다.특히 이미지의 요소들을 따로 따로 애니메이션으로 조작해야 할 때, 피그마에서 미리 그룹을 지어서 내보내서 그룹별로 ID를 가져와서 사용하면 되니 아주아주 간편하다. (파일 추출시 "Include ID

2020년 7월 12일
·
1개의 댓글
post-thumbnail

왕초보도 가능한 SVG 애니메이션 만들기 feat. Figma(무료)

svg를 다룰 줄 알게되면 별별 신기한 효과를 낼 수가 있다. https://www.stellaachenbach.com/ (우측 하단에 눈동자모양에 마우스를 올려보세요👀)그치만 코드로 그림을 표현한다는 것에 대한 심적 부담감이 크다면 Figma를 통해서 한번

2020년 6월 20일
·
6개의 댓글
post-thumbnail

나에게 맞는 와이어프레임 UI UX 툴 찾기

UI UX 툴은 다양한 종류가 있다. 이 중 나에게 맞는 툴은 무엇일까? 현업에서 많이 사용하는 대표적인 4가지를 가져왔다. Sketch는 애플의 맥(Mac)에서 사용할 수 있는 디자인 앱입니다. UI, 모바일, 웹 및 아이콘 디자인에도 사용할 수 있습니다. 실제 현

2020년 5월 19일
·
3개의 댓글
post-thumbnail

Figma

Figma를 통해 화면설계를 하고 싶어 공부하며 적는 글 입니다.포토샵, 스케치 대비 반응형 UI 디자인에 최적화된 UI 편집 툴이다.쉽고 빠르다. 업무 효율성이 좋다.무료로 사용 가능하다 (팀 라이브러리 기능 제외)윈도우, Mak 상관 없이 인터넷이 된다면 UI 편집

2020년 3월 15일
·
0개의 댓글