디자인, 디자인 시스템 북마크

프론트엔드 개발자가 참고하면 좋을 디자인, 디자인 시스템 관련 글, 사이트 모음

• Cue-ration

색상

• Color Picker
• HTML Color Codes
• Color Tool

팔레트 / 조합

• 아티스트를 위한 색상 팔레트, 색상 구성표 - Adobe Color
• Colorable
• Open Color (색 팔레트)
• SchemeColor - Download Color Schemes
• Two Color Combinations
• calcolor

트렌드

• Behance
• Mobbin - Latest Mobile Design Pattern
• 서핏 - 디자이너를 위한 모든 디자인 콘텐츠
• Fonts In Use
• A guide of UI design trends for 2021
• 75 Of The Coolest Color Combinations For 2021
• Dribble - Discover the world’s top designers & creatives
• 노트폴리오 - 크리에이티브 네트워크

디자인 가이드

• WEB DESIGN STYLE GUIDE 웹 디자이너를 위한, 웹 스타일 가이드 지침서
• On Type Patterns and Style Guides (2021.01.19)

디자인 시스템

• SOCAR FRAME - SOCAR DESIGN SYSTEM
• RIDI Design System
• Remember UI
• Spectrum, Adobe’s design system

스토리북

• Carbon Design System
• Caple Design System
• WFT UI-KIT

글, 사이트

• Design Systems Repo
• Design System Basics in Figma (2018.07.29)
• Text fields & Forms design — UI components series (2020.05.25)
• NAVER FE devtalk: 디자인 시스템에 대한 소개와 효율성 개선 및 구축 경험공유 (영상)
• 와디즈의 디자인 시스템 구축 (2021.03.05)
• ‘디자인 시스템’에 대해 얘기해보다 -Part 1 (2021.02.13)
• 리액트(React)로 디자인 시스템 만들어보기!!(feat. storybook) (2021.02.03)

디자인 툴

• Zeplin
• Figma
• Sketch
• XELF
• WireFlow - designer tool