UI_UX Design/Figma

스타일과 라이브러리

jsBae 2023. 5. 16. 22:57

style

  • 색상
  • 텍스트
  • 이펙트
  • 레이아웃 그리드

피그마 파일을 열고 아무 레이어도 선택하지 않았을 때 위 그림처럼 패널에서 현재 저장된 스타일을 볼 수 있음


스타일을 만들어 보자

  • 컬러 피크에서 컬러 선택
  • 사각점 클릭 > 스타일 색상 선택
  • + : 스타일 추가
  • 스타일 해제(아래)

  • 컬러 오른쪽 마우스 > add new folder > 그룹화 할 수 있음 > 드래그 해서 이동 가능

라이브러리로 발행

 책모양 아이콘 , Alt + 3

publish 버튼 클릭 >

- 현재 파일

- 다른 파일에서 생성된 스타일

- 팀프로젝트 생성된 스타일

스타일을 저장하고 라이브러리로 발행해 보자.
728x90
반응형