Figma
피그마는 온라인 디자인 툴임.
앱, 웹, 랜딩페이지, 등등..., 이것저것 만들수 있는 툴임
위에 보면 총 네가지가 있음
얘네는
| 개념 | 용도 | 특징 |
|---|---|---|
| Draft | 개인 작업 공간 | 프로젝트에 추가하기 전 임시 저장 |
| FigJam | 브레인스토밍 & 협업 | 마인드맵, 사용자 플로우, 회의 노트 작성 |
| Slide Deck | 발표용 슬라이드 | UI 디자인 설명, 발표 자료 제작 |
각각 대충 요정도의 기능을 가짐.
단순 협업없이 앱, 웹 디자인만 할꺼면 Design 파일만 보면될듯 ?
Draft
New deisgn file
을 누르면 저런 화면이 나옴
디자인 파일은 UI 설계 및, 프로토타이핑이 가능한 공간임.
와이어프레임을 그리는 용도로도 사용함.
오른쪽에 보면 이름이 Untitled 라고 나와있고 더블클릭하면 이름 수정가능함.
본인은 아직 플젝이름 안정해서 Noname 으로바꿈
그밑에 File과 Assets이 있는데
Assets 에서는 약간 라이브러리 개념임 필요한 디자인 키트같은거 다운받아서 그 운영체제에 기반해서
디자인 할 수 있음.
어떤 플젝할진 모르겠는데 이건 좀 중요함
"Assets에서 본인이 할 프로젝트의 OS에 맞춰서 디자인하기"
(EX: 안드로이드앱 - Material3)
누르면 이것저것 나와서 갖다쓸수있음
File에는 Pages와 Layers가 있는데
포토샵이나 뭐 그림그리는 프로크리에이터 ? 그런거랑 비슷하다생각하면됨
Pages는 여러개의 페이지를 만들수있음
이런식으로
Layers는
딱 이런개념임.
예시로 스포티파이 디자인을 가져오자면
이런식으로 폴더구조마냥 잘 겹쳐서 만들어져있다는걸 알 수있음
대충 이런식으로
FigJam
FigJam은 단체로 그림그리는 갈틱폰 같은 느낌임.
아이디어 같이 스케치하고 정리하는 브레인스토밍하는 공간같은곳인가봄
프로덕트를 만들때, 먼저 피그잼에서 방향성을 논의할때 1차적으로 쓰는 공간이라고는 함
Figjam -> figma 순인듯 하지만 필자는 저거 쓸일없음
그외 조금 중요해보이는 것
처음 디자인을해보면 진짜 아무것도 모를거임 ㄹㅇ로 아무것도.
그때 참고하거나 긴빠이 치면서 공부 할만한 곳은
바로 맨처음 Home에서 오른쪽아래 보면
Explore Community
가 있을거임 저거 클릭하면
이런식으로 이것저것 나옴 가져다가 분석할대 스면 좋음ㅇㅇ
따로 보면 좋은 글들
