피그마변수2 config 2023 피그마 변수를 활용하여 라이트/다크 모드 설정하기 이번 포스팅에서는 피그마 변수를 활용하여 라이트/다크 모드 색상을 적용하는 방법에 대해서 소개하려고 한다. 임의로 라이트/다크 모드의 색상 팔레트를 준비해보았다. 피그마 변수가 무엇인지 알고 싶은 분들은 아래 링크 클릭 ▼▼▼ 2023.06.22 - [디자인/Figma] - config 2023 variables 디자인 변수 종류, 생성, 관리하기(number/color) config 2023 variables 디자인 변수 종류, 생성, 관리하기(number/color) 피그마의 디자인 변수는 모든 종류의 디자인 속성(채우기 색상, 패딩 등)과 프로토타이핑 작업에 적용할 수 있는 재사용 값을 저장한다. 변수는 스타일 및 구성 요소와 마찬가지로 팀 라이브러 heinafantasy.com 라이트/다크 모드 .. 2023. 6. 22. config 2023 variables 디자인 변수 종류, 생성, 관리하기(number/color) 피그마의 디자인 변수는 모든 종류의 디자인 속성(채우기 색상, 패딩 등)과 프로토타이핑 작업에 적용할 수 있는 재사용 값을 저장한다. 변수는 스타일 및 구성 요소와 마찬가지로 팀 라이브러리에 게시할 수 있다. 피그마 변수의 종류 변수는 아래의 4가지 종류로 나눌 수 있다 변수 타입 유형 정의 적용 가능 범위 Color 단색 채우기 - 채우기 색상(fill colors) - 획 색상(stroke colors) Number 숫자 값 - 텍스트 레이어(text layers) - 모서리 반경(corner radius) - 최소 너비/높이(minimum width/height) - 최대 너비/높이(maximum width/height) - 패딩 및 간격(padding, gap getween) String 텍스트 .. 2023. 6. 22. 이전 1 다음