Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
Tags
- ColorVariable
- 파이썬
- 구조분해할당
- Python
- JS
- figma
- iP
- React
- next15
- style
- nvm
- 리액트
- 백준
- ColorStyle
- 타입스크립트
- 다리놓기
- 모노레포
- AppRouter
- mac
- Next.js
- css
- yarn-berry
- react-native
- Rest
- 기초
- 프로토타입
- VARIABLE
- Spread
- 프론트엔드
- 자바스크립트
Archives
- Today
- Total
목록ColorVariable (1)
jyeongpark
프론트엔드 개발자로서 개인 프로젝트를 만들기로 했을 때 머릿속에 있는 화면과 흐름을 정리해 표현할 도구가 필요했다. 회사에서 사용하던 디자인 툴이 있었고 자연스럽게 Figma를 선택했다. 다만 회사에서의 Figma 사용 경험은 제한적이었다. 직접 디자인을 설계하기보다는 이미 그려져 있는 화면을 기준으로 컴포넌트를 구현하고 스타일을 맞추는, 이른바 퍼블리싱에 가까운 작업이 대부분이었다. 개인 프로젝트에서는 상황이 달랐다. 디자인 시안이 따로 없었고 구조부터 스타일 결정까지 스스로 내려야 했다. 그래서 Figma의 사용법 자체를 제대로 이해하고 싶어졌고, 그 과정에서 가장 먼저 들었던 질문이 바로 Style과 Variable의 차이였다. 둘 다 Color를 설정할 수 있는데 왜 두 가지 기능이 존재하는지 이..
개발/프로젝트
2025. 12. 28. 22:15