본문 바로가기

모카 스터디/UX&UI 디자인[Figma]

디자인 시스템을 만드는 이유, 그리고 Style[텍스트, 컬러, 이펙트, 그리드]

Good에서는 일관적인 텍스트 사이즈를 가지고 있으며 버튼의 크기 또한 일관적인 사이즈를 가지고 있다.

 

 

 

스타일 기능 1. 텍스트, 컬러

왼쪽과 같이 앞으로 쓸 텍스트의 규격을 적어 놓고 가운데와 같이 추가 하여

오른쪽과 같이 다른 텍스트를 쓸경우 (아래와 같이)다시 그 규격에 맞게 사용할 수 있다.

 

 

 

위와 같은 과정으로 이전에 만들어 놓은 규격들이 적용된 모든 텍스트 들 또한 변경할 수 있다.

 

색깔도 텍스트와 같이 자주 사용하는 색을 저장 가능

위와 같이 지정한 컬러들 적용 가능

스타일 기능 2. 이펙트, 그리드

이전에 배운 drop-shadow 또한 저장이 가능.

    

 

그리드도 저장 가능

 

 

 

  

위와 같이 적용