일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 프론트엔드개발자
- JavaScript
- GA4
- 데이터너겟
- Weirdsector
- 구글애널리틱스
- growthhacking
- 피그마
- 위어드섹터
- 개발스터디
- UX
- 개발일지
- 그로스해킹
- 구글애널리틱스4
- 개발자인터뷰
- 인터뷰
- LABBIT
- figma
- UTM
- 마케팅
- 데이터분석
- 컴포넌트
- Datanugget
- 프론트엔드
- 구글애즈
- 개발공부
- 개발자
- 그로스마케터
- 디자이너
- 그로스해커
Archives
- Today
- Total
목록디자인 시스템 (1)
위어드섹터 공식 블로그
디자인 시스템을 만들기 위해 Figma + Variants 기능을 사용해보자
디자인 시스템 내에는 컬러, 타이포, 아이콘, 쉐도우, 그리드, 버튼, 테이블 등 ,, 여러 가지로 제한할 수 있습니다. 저는 그중에서도 복잡한 디자인 시스템을 어떻게 규정할 수 있을까에 대해 집중해 보았는데요. 그중에서도 Figma의 Variants 기능을 무수히 많이 사용해 보면서 알아낸 것들을 간단한 프로세스 5단계로 공유하고자 합니다. Q. 디자인 시스템의 무수한 경우의 수를 어떻게 정의할 것인가요? 🤯 버튼 시스템 경우 고려할 사항 사이즈 별 다른 UI 상황마다 다르게 쓰이는 UI 아이콘이 있는 경우와 아닌 경우로 변형될 수 있는 UI A. Variants 기능을 5단계로 적용해본다. 😆오늘 5단계로 해볼 수 있는 variants기능을 구조로 요약하자면 아래와 같습니다. 1. 시스템에 들어갈 속..
Design/Figma
2023. 5. 12. 19:14