10 Basic Tips to Creating a Design System from Scratch

Christian Beck
Jun 25 · 6 min read

1. Design screens first

2. Create styles before symbols and components

3. Organize your artboards up front


4. Start with an existing system base

5. Use an icon set

6. Use visual style tools to help

7. Establish your key components

If popovers are a critical piece of your system, it’s worth calling them out in your system.

8. Establish a UI Inventory

9. Update your system between major features or releases

Documentation doesn’t have to be robust if you collaborate closely with your dev team.

10. Document UI guidelines and rules


UX Power Tools

A publication for designers, written by designers.

Christian Beck

Written by

By day, executive designer at Innovatemap where I help tech companies design marketable products. By night, co-founder of UX Power Tools.

UX Power Tools

A publication for designers, written by designers.