[Figma] 레이아웃, 컴포넌트, 프로토타입 모아보기

2025.04.07

[Figma] 레이아웃 그리드, Columns 설정하기 (모바일 최적화 화면)

 

[Figma] 레이아웃 그리드, Columns 설정하기 (모바일 최적화 화면)

2025.04.0701. System icons - 8dp 디자인8개의 정사각형 - 8dp 간격 디자인 - 모든 디자인은 8dp를 기준으로 디자인 8pt 단위로 맞추면 픽셀이 깨지지 않고 안정적이고 일관적인 디자인을 할 수 있다!  02. Sy

hhne.tistory.com

 

 

 

[Figma] 컴포넌트와 베리언트

 

[Figma] 컴포넌트와 베리언트

2025.04.07 01. 컴포넌트 기본Ctrl + Alt + K - 컴포넌트 설정 Component 색상 변경 시 - instance 색상도 따라 바  instance 의 색상 변경 시 - 다른 instance 나 component 에는 영향 X색상 변경 이후 - component 색상

hhne.tistory.com

 

 

 

[Figma] 프로토타입 이해 및 활용하기

 

[Figma] 프로토타입 이해 및 활용하기

2025.04.07* 모바일 양쪽 여백 16dp 기억하기!01. 인터랙션Prototype 에서 페이지 간 점을 연결 위의 사진과 같이 On tap 으로 연결했을 경우 아래의 영상처럼 나온다. Present 로 미리보기 object에 interaction

hhne.tistory.com

 

 

 

*혼자 만들어본 종합 활용안

 

Figma

Created with Figma

www.figma.com

 

 

 

 

 

*제로베이스 콘텐츠 마케팅 쪽집게 취업 스쿨 33