콘텐츠로 이동

언어 선택

현재 언어: 한국어

Design Systems

Source: https://github.com/alexpate/awesome-design-systems at 4129da3ce4bc
License: Unlicense
Read the English original

This edition is an AI-assisted translation.

표지

기여 환영

아래에 나열되지 않은 리소스를 알고 계신가요? 새로운 풀 리퀘스트를 만들어 보세요.

디자인 시스템은 원칙과 모범 사례에 관한 문서 모음으로, 팀이 디지털 제품을 만들 때 지침이 됩니다. 보통 UI 라이브러리와 패턴 라이브러리 형태로 구현되지만, ‘언어와 어조’ 같은 다른 영역의 가이드도 포함할 수 있습니다.


  • 컴포넌트: 코드로 구현된 패턴과 예제를 포함합니다.
  • 언어와 어조: 언어 사용 방법에 대한 지침을 제공합니다.
  • 디자이너 키트: 디자이너를 위한 Sketch/Photoshop/Figma/etc. 파일을 포함합니다.
  • 소스 코드: 공개적으로 볼 수 있는 소스 코드

컴포넌트언어와 어조디자이너 키트소스 코드 *
Aalto University👍👍👍
Adobe Spectrum👍👍👍:octocat:
Adjust Atlas👍👍👍
Alaska Airlines👍👍👍:octocat:
Alibaba Ant Design👍👍👍:octocat:
Amplify UI👍👍👍:octocat:
Appear Here Styleguide👍:octocat:
Apple Developer Design Guidelines👍
Aragon UI👍:octocat:
Artsy Palette👍:octocat:
Astro UXDS👍👍:octocat:
AT UIKIT👍:octocat:
Atlassian Design System👍👍👍:space_invader:
Audi UI Kit👍👍:octocat:
Aurora (Government of Canada)👍👍👍:octocat:
AutoGuru Overdrive👍:octocat:
AWS Cloudscape Design System👍👍👍:octocat:
Backpack (Skyscanner)👍👍👍:octocat:
Basis Design System👍:octocat:
BBC GEL (Global Experience Language)👍👍👍
Bento DS👍👍:octocat:
BLiP👍:octocat:
Blueprint👍👍:octocat:
Bold (Bridge Design System)👍👍:octocat:
Bolt Design System👍:octocat:
Braid Design System👍:octocat:
British Gas Nucleus👍👍
Buildit Gravity👍:octocat:
Bumbag UI👍:octocat:
BuzzFeed Solid👍👍:octocat:
Buzzvil Design System👍👍
CA Technologies Mineral UI👍:octocat:
CBRE Blocks👍👍
Cedar👍👍:octocat:
Chakra UI👍:octocat:
City of Boston Fleet👍👍:octocat:
Cloudflare👍:octocat:
Co-op Experience Library👍👍👍:octocat:
Contentful Forma 36👍👍👍:octocat:
Decathlon Design System - Vitamin👍👍:octocat:
Decentraland UI👍:octocat:
Duet👍👍
Duolingo👍
eBay Skin👍:octocat:
Elastic UI Framework👍👍👍:octocat:
ENGIE Fluid Design System👍👍
Enel👍
Enigma Boundless👍:octocat:
Estonia Country Design Guidelines👍👍👍
Evergreen👍:octocat:
Financial Times Origami👍:octocat:
Finland Toolbox👍👍
Firefox Photon Design System👍👍👍:octocat:
Flowbite Design System👍👍:octocat:
Fluent UI👍👍👍:octocat:
Foundation👍👍👍:octocat:
Foyer Design System👍👍:closed_lock_with_key:
French Government Design System👍👍👍:octocat:
FutureLearn Pattern Library👍
GitHub Primer👍👍:octocat:
GitLab Design System - Pajamas👍👍👍:fox_face:
GoodBarber Design System👍
Google Material Design👍👍👍:octocat:
GOV.UK Design System👍:octocat:
Gympass Yoga👍👍:octocat:
HashiCorp Helios👍👍👍:octocat:
Help Scout👍👍:octocat:
Heroku Purple3👍
Hewlett Packard grommet👍:octocat:
HubSpot Canvas👍👍:octocat:
Hudl Design System👍👍
IBM Carbon👍👍👍:octocat:
IBM Design Language👍👍
IBM Northstar👍👍
Intuit Harmony👍👍👍
Italia Design System👍👍👍:octocat:
JB Design System👍👍:octocat:
JetBrains Ring UI👍:octocat:
Jobber (🔱 Atlantis)👍:octocat:
Just Eat Takeaway.com PIE Design System👍👍:octocat:
Kaizen👍👍:octocat:
KoliBri (Public-UI)👍:octocat:
Kontur👍👍:octocat:
Korea Design System👍👍👍:octocat:
Lexicon👍👍
Louder Than Ten Manual👍👍
Mail.ru Group Paradigm👍👍👍
Mailchimp Content Styleguide👍
Mantine👍:octocat:
Marvel Styleguide👍
Material Minimal👍👍👍:octocat:
Materialize CSS👍👍:octocat:
Mesh Design System👍👍
Microsoft Fluent👍👍:octocat:
Mixpanel Design System👍👍
MongoDB Design System👍👍:octocat:
Monzo Tone of Voice👍
Morningstar Design System👍👍👍
Mozilla Protocol👍:octocat:
NASA Web Design System👍:octocat:
NationBuilder Radius👍
NHS.UK Service Manual👍👍
Nordhealth👍👍
New York State Design System👍👍:octocat:
Nordnet👍👍
Okta Odyssey Design System👍👍:octocat:
Ontario Design System👍👍:globe_with_meridians:
Oracle Redwood👍👍
Persona Design System👍👍:octocat:
Pharos: JSTOR’s Design System👍👍:octocat:
Pinterest Gestalt👍:octocat:
Pivotal👍:octocat:
Pluralsight Design System👍:octocat:
Porsche Design System👍👍:octocat:
Priceline Design System👍👍:octocat:
Pusher Chameleon👍:octocat:
Radix👍:octocat:
Rambler👍:octocat:
Rendition👍:octocat:
Reshaped👍👍
Salesforce Lightning Design System👍👍👍:octocat:
Sage by Kajabi👍:octocat:
SAP Fiori👍
SAP Fundamental👍:octocat:
SAP OpenUI👍:octocat:
Scania Digital Design System👍👍:octocat:
Seeds👍👍👍
SEEK Style Guide👍:octocat:
Semi Design👍👍:octocat:
Semrush Intergalactic Design System👍👍:octocat:
Shoelace👍👍:octocat:
Shopify Polaris👍👍👍:octocat:
Shadcn/ui👍:octocat:
Siemens iX👍👍👍:octocat:
Singapore Government Design System👍👍👍:octocat:
Stacks – Stack Overflow👍👍:octocat:
Starbucks Style Guide👍👍
Strapi Design System👍:octocat:
Teambition Clarity Design👍
Telefónica Mística👍👍:octocat:
Thumbprint👍:octocat:
Tizen CircularUI👍👍:octocat:
Twilio Paste👍👍👍:octocat:
Uber’s Base Web👍:octocat:
Ubuntu Vanilla framework👍👍👍:octocat:
Uiverse👍👍👍:octocat:
Untitled UI👍👍:octocat:
uSwitch style guide👍👍:octocat:
U.S. Web Design Standards👍👍👍:octocat:
U.S. CMS.gov Design System👍
Vibe👍👍:octocat:
Vimeo Design System👍:octocat:
VMware Clarity Design System👍👍👍:octocat:
VTEX Styleguide👍👍:octocat:
Vue Design System👍:octocat:
Ray by WeWork👍:octocat:
Welcome UI👍:octocat:
West Midlands Network Design System👍👍:octocat:
Wix Style React👍
Vercel👍
Workday Canvas👍👍:octocat:
Yelp Styleguide👍👍
Zendesk Garden👍:octocat:

*오픈 소스로 표시된 프로젝트라도 항상 자유롭게 사용할 수 있는 것은 아닙니다. 사용 전에 반드시 프로젝트의 라이선스를 확인하세요.

‘디자인 시스템’, ‘UI 라이브러리’, ‘패턴 라이브러리’는 서로 다른 개념이지만 종종 같은 의미로 사용됩니다. 이 목록에는 세 가지가 모두 포함되어 있습니다.

표지 아이콘: Andrejs Kirma의 ‘Solar System’(Noun Project)

HagiCode

HagiCode는 에이전트 코딩 작업 공간입니다. 풍부하고 편리한 UI 상호작용으로 계획 수립, 에이전트 실행, 프로젝트 작업을 쉽게 시작하고 따라가며 개발을 더 흥미로운 경험으로 만듭니다.

풍부하고 편리한 UI 상호작용으로 계획부터 프로젝트 작업까지 쉽게 따라갈 수 있습니다.

HagiCode 방문문서 읽기
  • 스마트OpenSpec 워크플로는 의도를 제안, 설계, 작업을 거쳐 배포까지 이어지는 실행 가능한 경로로 바꿉니다.
  • 효율적다중 에이전트 실행으로 조사, 구현, 검토를 병렬로 진행하며 여러 저장소와 익숙한 Agent CLI를 지원합니다.
  • 흥미로운풍부하고 편리한 UI 상호작용으로 계획 수립, 에이전트 실행, 프로젝트 작업을 쉽게 시작하고 따라갈 수 있습니다.

Windows용 다운로드

Microsoft Store에서 받기모든 다운로드

아이디어를 실제로 배포되는 소프트웨어로.

HagiCode는 에이전트 코딩 작업 공간입니다. OpenSpec 워크플로로 변경을 계획하고, 다중 에이전트 실행으로 진행하며, Hero Scenario로 긴 작업의 진행 상황을 한눈에 보여 아이디어를 실제로 배포되는 소프트웨어로 만듭니다.

스마트
OpenSpec 워크플로는 의도를 제안부터 배포까지 이어지는 실행 가능한 경로로 바꿉니다.
효율적
다중 에이전트 실행으로 조사, 구현, 검토를 병렬로 진행합니다.
즐거운
편리한 UI 상호작용으로 계획, 에이전트 실행, 프로젝트 작업을 쉽게 따라갈 수 있습니다.

Awesome Site를 떠나시겠어요?

외부 웹사이트로 이동하려고 합니다. 해당 사이트의 콘텐츠와 개인정보 처리 방식을 관리하지 않습니다.

목적지

웹사이트로 계속하기