Figma manual

스타일

lshjju 2026. 6. 11. 16:29

텍스트 스타일 만들기


 

캔버스

- 디자인하고자 하는 텍스트를 하나 셀렉 합니다.

 

프로퍼티패널 - 텍스트

- 텍스트 디자인 합니다.

- 텍스트 우측 점네개 박스 탭 - 모달

-- 텍스트 스타일 우측 플러스 탭

-- 텍스트 스타일 네이밍 - 센스있게 네이밍 해 봅니다.

-- 크리에잇 스타일 유아이 탭

 

캔버스

- 빈 바닥 아무데나 탭 해 봅니다.

 

프로퍼티패널 - 디자인

- 텍스트스타일에 네이밍한 스타일이 생성됬는지 체크 합니다.

- 텍스트 스타일 하나 완성입니다.

- 코딩으로 비유하자면 클래스 하나 완성입니다.



칼라 스타일 만들기



캔버스

- 텍스트 하나 셀렉 합니다.

 

프로퍼티 패널 - 필

- 칼라 셀렉

- 커스텀 탭

- 헥스코드 카피

- 상단 플러스 탭

- 모달 스타일 탭

- 네이밍

- 크리에잇스타일스 유아이 탭

 

캔버스

- 빈 공간 탭

 

프로퍼티 패널 - 칼라스타일스

- 칼라 스타일이 잘 등록 됬는지 체크 합니다.



텍스트에 텍스트 스타일과 칼라 스타일 세팅 하기


캔버스

- 텍스트 하나 셀렉

 

프로퍼티 - 텍스트

- 우측 점 네개 탭

- 하단에 텍스트 스타일 중 원하는 스타일 셀렉

 

캔버스

- 텍스트 하나 셀렉

 

프로퍼티 - 필

- 점 네개 탭

- 칼라스타일스 모달

- 하단에서 칼라 셀렉