UI_UX Design/Figma
스타일과 라이브러리
jsBae
2023. 5. 16. 22:57
style
- 색상
- 텍스트
- 이펙트
- 레이아웃 그리드
피그마 파일을 열고 아무 레이어도 선택하지 않았을 때 위 그림처럼 패널에서 현재 저장된 스타일을 볼 수 있음
스타일을 만들어 보자
- 컬러 피크에서 컬러 선택
- 사각점 클릭 > 스타일 색상 선택
- + : 스타일 추가
- 스타일 해제(아래)
- 컬러 오른쪽 마우스 > add new folder > 그룹화 할 수 있음 > 드래그 해서 이동 가능
라이브러리로 발행
책모양 아이콘 , Alt + 3
publish 버튼 클릭 >
- 현재 파일
- 다른 파일에서 생성된 스타일
- 팀프로젝트 생성된 스타일
스타일을 저장하고 라이브러리로 발행해 보자.
728x90
반응형