피그마의 배리어블(variable) 기능을 활용해서 다크, 라이트 모드 만드는 팁. (특 생각보다 쉬움)
Synopsis
이번 피그마의 대규모 업데이트로 당황하신 분들이 많으실텐데요(저도 많이 당황했어용) 공부할게 늘었지만, 처음에 오토 레이아웃과 ...
You Might Also Like
![[ver.2023 Figma]Color Variables로 라이트↔️다크모드 만들기!(3분이면 완성!)](https://i.ytimg.com/vi/GX7_yIZxp-w/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABpAwkaIFgUsq_O08QOfA6pB0-gA)
![[Part.1] 피그마 컬러팔레트 네이밍 설정 노하우 전격공개! 베리어블을 활용한 모드 전환까지! #figma #베리어블 #다크모드 #네이밍컨벤션](https://i.ytimg.com/vi/pyYEh1drZKk/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDtnATME_SQ-6iYmmZGgGu1sqMvLQ)
![[피그마]베리어블 활용하여 라이트/다크모드 변경하기](https://i.ytimg.com/vi/XBBl7d-y5kc/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAArgFigIMCAAQARhlIGUoZTAP&rs=AOn4CLBBFUb_EHR2cquzPwgV2EC5gmR6zw)
![[수정본. 재업로드] figma의 야심작. Variables로 만드는 팔레트 A to Z! #primitive #Semantic #Component](https://i.ytimg.com/vi/ROA0LGKBeB0/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBjCXr-pVsZ_hiGJv_yifBdU6sGJA)
![[Figma tip]변수를 이용한 다크 라이트 모드 만들기 / #shorts](https://i.ytimg.com/vi/nxeC9Q2vUPQ/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGABwAcABBvABAfgBtgiAAoAPigIMCAAQARhMIFcoZTAP&rs=AOn4CLAEI_i1ouFgY37SprVyUG_tBcAaSA)
Download Options
Choose a download method below. All links open in new tabs.
| Service | Features | Action |
|---|---|---|
| Ssvid |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
| SaveFrom |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
Security Notice: These are third-party services. We recommend using antivirus software and being cautious of pop-up ads.