디자인 시스템은 다양한 프로젝트와 페이지에서 시각적 일관성을 만드는 데 사용되는 일련의 표준, 재사용 가능한 구성 요소 및 패턴입니다. Figma는 벡터 그래픽 편집기이자 프로토타이핑 도구입니다.

우리는 Figma에서 디자인 시스템을 구축하는 방법을 가르쳐줄 freeCodeCamp.org 채널에 과정을 공개했습니다.

Tim Sullivan이 이 과정을 만들었습니다. Tim은 전 Airbnb 디자이너이며 훌륭한 교사입니다.

프로젝트를 전문적으로 보이게 하려면 일관된 스타일이 있도록 디자인 시스템을 만드는 것이 중요합니다.

이 과정에서 다루는 주제는 다음과 같습니다.

• Introduction
• Creating a Color System
• Building a Type System in Figma
• Elevation
• Product & System Icons
• Text Legibility
• States
• Selection (Interaction)
• Understanding Layout
• Pixel Density
• Spacing Methods
• Responsive Grid Layout
• App Bar - Bottom
• App Bar - Top
• Backdrop
• Banners
• Bottom Navigation
• Buttons - Floating Action Button
• Buttons
• Cards
• Chips
• Dialogs
• Date Pickers
• Dividers

아래 또는 freeCodeCamp.org YouTube 채널에서 시청하십시오(8시간 시청).

https://www.freecodecamp.org/news/learn-how-to-create-a-design-system-in-figma/