Figma
ResourcesAssetsCoursesGuides & Best PracticesExtensions & APIs
Figma

Create a Design System in Figma

Meng To
Meng To, Creator of Design+Code.io
Go to Resource

Starting can be the hardest step. Learn what you need to know with step-by-step lessons for creating a design system from visual to code.

Meng To and team will walk you through what to consider as you start and you’ll be well on your way to establishing a comprehensive design system for your product or company.

You will also learn how to embed real-time Figma designs and prototypes to your website. These embedded designs will stay up-to-date and synchronize with the Figma original files. They will be reflected on your website instantly.

This course starts with defining rules of the design system, documenting them from the ground up, and ensuring that everyone in your team follows them. Actively keeping the design system up-to-date will create consistency of existing and future components.

Related Content

Dylan Field |
Introducing DesignSystems.com
A resource for learning, creating and evangelizing design systems
Thomas Lowry |
Material Design + Figma Styles = 🔥
Often when we think of design systems, we think of a tightly controlled collection of components, patterns and guidelines in order to ensure consistency across a product.

Try Figma for free.