<aside> 💡

Atomic Design process: foundations, atome, molecules, organisms, templates.

</aside>

This page can also be used as a tutorial for creating a design system.

Design System checklist

Components creation checklist

1. Design System Benchmarking

Design Systems France

<aside> 💡

A Figjam file can be used to put screens and evaluate features with postits, then review it with other designers through a workshop.

</aside>

• What components are they using?
• How are they designed? (shapes, states, etc.)
• What naming conventions do they use?
• What states are built into it?

It’s best to speak the same language and avoid reinventing the wheel—this applies not only to the team (devs, designers) but also to the users.

2. Team work repartition

<aside> 💡

When working in a design team, it's important to ensure everything is well organized to collaborate effectively.

</aside>

→ Define the component manager (creation, evolution, maintenance)

→ What are their responsibilities? Refer to the “Components Creation Checklist.”