Figma 컬러 베리어블 사용하기
컬러 고유값의 팔레트 만들기orange, blue_green 각각 5단계 색상 분할 5단계 색상을 각각 복사 후 이름과 색상값 변경하여 변수로 등록 gray, black, white 색상도 같은 방식으로 추가 시멘틱(의미별) 컬러로 2차 변수 만들기로컬 베리어블 팔레트에서 컬렉션 새로 만들어 생성 UI에서 필요한 컬러 변수명 정리하기 (예: surface, text, button, border color, background)컬러 단계별로 변수명 지정 (예: primary, secondary. tertiary, inverse...) 단계별 변수(orange/500 - 1차변수에서 만든 변수)와 연결 생성전 UI에서 필요한 컬러 변수명 찾아보기 -surface, text, button, border..
2025. 9. 4.
Figma 타이포, 컬러 스타일 등록하기
타이포 스타일 등록하기 타이포 분류와 사이즈 세분화 Headline, Title, Body, Button, Caption 같은 텍스트 종류로 나누고 각각 여러 크기(L, M, S 등)로 디테일하게 구분해 스타일 등록 스타일 등록 과정 Headline L부터 하나씩 새 텍스트 스타일 만들어서 저장스타일 이름, 설명 적어서 체계적으로 관리 가능 스타일 적용 & 작업 효율성 등록된 텍스트 스타일은 바로 작업 영역에 적용 가능 제목 영역, 본문 영역, 버튼 영역 등 디자인 구분해서 일관되게 쓰면 깔끔 사전에 정의된 스타일로 통일시켜서 작업 중 헷갈림 최소화 폰트, 크기, 굵기, 색상 등의 조화를 미리 맞춰두면 작업 속도 UP컬러 스타일 등록하기 자주사용하는 컬러 구분하기메인컬러와 서브컬러, 그리고 포인터컬러 ..
2025. 9. 3.
