본문 바로가기

디자인시스템구축

(3)
[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 #4] 디자인 패턴으로 일관성 있는 UI 구축하기 - Patterns 작업하는 법 디자인 시스템을 구성하다 보면 어느 순간 질문이 생긴다.“버튼도 만들고, 카드도 정리했는데... 이제 뭘 더 해야 하지?”그때 등장하는 개념이 바로 Patterns(패턴) 이다.패턴은 단순한 컴포넌트가 아니라, 실제 화면을 구성하는 '반복 가능한 구조 조합' 이다.이 글에서는 패턴이 뭔지, 왜 중요한지, Figma에서 어떻게 구성하는지를 정리해본다.목차1Figma : Design System #1 - 디자인 시스템 구축하는 이유, 구축 단계를 알아보자✔️ 완료2Figma : Design System #2 - Foundation 구축, 시스템의 뿌리를 다지자✔️ 완료3Figma : Design System #3 - UI 컴포넌트 설계, 재사용 가능한 구조 만들기✔️ 완료4Figma : Design Syst..
[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 ..