Creating a Design System: The Online Guide

What it does

Learn what a design system is, how to create one and how to continually use one through our 12-part guide.

Design is more important than ever, and design systems have become a huge piece of what makes a company or product successful, especially in the hyper-competitive global software market. These companies have historically relied only on user experience as a key differentiator. This demand for better experiences puts immense pressure on designers across the globe. They are compelled to take up more projects and work faster, while delivering higher-quality products. This can create problems if there is no standardized design language to pull from. Design doesn’t scale easily. Efficiency doesn’t emerge from thin air. Scaling design through hiring, without putting standards in place, is a myth.…from uxpin.com

• 
  Creating a Design System: The 100-Point Checklist2017 · uxpin.com · ▲6

  Step-by-step reference guide

• 
  UX Design Process Best Practices2016 · uxpin.com · ▲76

  Documentation to move design forward

• 
  Communicating Design2017 · amazon.com · ▲68

  Developing web site documentation for design and planning

• 
  The Complete Front-end Handbook2015 · ▲63

  A broad outline of the practice of front-end engineering

• 
  The Guide to Agile UX Design Sprints2016 · ▲112

  A step-by-step playbook for product teams

• 
  Six Circles2016 · userpathways.com · ▲74

  An experience design framework

• 
  SimCity, but with Permits▲939

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 7d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 19d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 20d ago · bigwords.page

• 
  Steal My Bitcoin▲617

  A PHP security challenge. Find the hidden bitcoin key. First person to get the wallet wins.

  Life & fun · 3d ago · stealmybitcoin.com

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 14d ago · guitoro.com

• 
  Product Hunt Visual Launch Editor▲443

  See your launch as you build it

  Life & fun · 4d ago

• 
  Ship by Product Hunt▲1,410

  A toolkit for makers to ship awesome products ⛵

  Growth · 2017

• 
  Sublime Text 3.0▲1,273

  The long awaited version 3 of the popular code editor

  Dev tools · 2017 · sublimetext.com

• 
  Firefox Quantum▲1,210

  The newest, fastest version of Firefox yet. 🔥🦊

  Life & fun · 2017 · mozilla.org

• 
  iPhone X▲874

  Apple’s most advanced iPhone yet with a 5.8" OLED display

  Life & fun · 2017 · apple.com

• 
  The Y Combinator Database▲866

  The definitive database of YC companies with all the metrics

  Growth · 2017 · ycdb.co

• 
  Notion for iOS▲866

  A collaborative editor for notes, tasks, and wikis

  Work · 2017 · notion.so