본문 바로가기

UI/UX

(4)
[Figma : design system #5] 디자인 시스템의 마지막 단계 문서화 하는 이유 디자인 시스템에서 문서화는 아주 중요한 마지막 단계입니다.시스템을 구성하는 Foundation, Components, Patterns 등 모든 요소는 문서화 되어야만 팀 내에서 일관성 있게 사용될 수 있습니다. 잘 문서화된 시스템은 팀원들이 쉽게 이해하고 활용할 수 있게 하며, 새로운 팀원들이 빠르게 익힐 수 있도록 돕습니다.목차1Figma : Design System #1 - 디자인 시스템 구축하는 이유, 구축 단계를 알아보자✔️ 완료2Figma : Design System #2 - Foundation 구축, 시스템의 뿌리를 다지자✔️ 완료3Figma : Design System #3 - UI 컴포넌트 설계, 재사용 가능한 구조 만들기✔️ 완료4Figma : Design System #4 - 패턴과 사..
[Figma : design system #3] Buttons부터 Modals까지, 컴포넌트 구성 총정리 Design System 구축에서 Foundation 단계(컬러, 타이포그래피, 간격 등 기본 요소)를 정의했다면, 다음으로 넘어갈 단계는 바로 Components(컴포넌트) 입니다. 이 단계는 실제 UI를 구성하는 구체적인 요소들을 만들고 관리하는 핵심 작업입니다. 목차1Figma : Design System #1 - 디자인 시스템 구축하는 이유, 구축 단계를 알아보자✔️ 완료2Figma : Design System #2 - Foundation 구축, 시스템의 뿌리를 다지자✔️ 완료3Figma : Design System #3 - UI 컴포넌트 설계, 재사용 가능한 구조 만들기 ✔️ 완료 4Figma : Design System #4 - 패턴과 사용자 흐름 정의하기📌 예정5Figma : Design ..
[Figma : design system #2] Figma로 디자인 시스템 시작하기: Foundation 안녕하세요, gamjoko입니다. 디자인 시스템을 구축할 때 가장 먼저 다져야 할 단계가 바로 Foundation입니다. 이 단계는 말 그대로 ‘시스템의 뿌리’를 다지는 과정이며, 이후 등장하는 모든 UI 요소와 컴포넌트의 기준이 됩니다. 목차번호제목상태1Figma : Design System #1 - 디자인 시스템 구축하는 이유, 구축 단계를 알아보자✔️ 완료2Figma : Design System #2 - Foundation 구축, 시스템의 뿌리를 다지자 ✔️ 완료 3Figma : Design System #3 - UI 컴포넌트 설계, 재사용 가능한 구조 만들기📌 예정4Figma : Design System #4 - 패턴과 사용자 흐름 정의하기📌 예정5Figma : Design System #5 ..
[Figma : design system #1] 디자인 시스템 구축하는 이유, 구축 단계를 알아보자 안녕하세요, gamjoko입니다.디자인 시스템을 Figma로 구축하면서, 컬러 및 타이포그래피 시스템을 어떻게 효율적으로 관리하는지에 대해 A to Z로 풀어보려고 합니다.목차번호제목상태1Figma : Design System #1 - 디자인 시스템 구축하는 이유, 구축 단계를 알아보자✔️ 완료2Figma : Design System #2 - Foundation 구축, 시스템의 뿌리를 다지자 📌 예정 3Figma : Design System #3 - UI 컴포넌트 설계, 재사용 가능한 구조 만들기📌 예정4Figma : Design System #4 - 패턴과 사용자 흐름 정의하기📌 예정5Figma : Design System #5 - 실무 적용: Figma → 코드까지 연결하기📌 예정디자인 시스템..