# How to Create a Design System in Figma

> To create a design system in Figma, draw a frame on the canvas, add essential elements from the bottom menu, arrange and adjust the assets within the frame, customize their designs using the right-side panel, and tap the Share button to send it to your team.

Canonical: https://livedemo.ai/tutorials/how-to-create-a-design-system-in-figma/
Apps: Figma
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a36c0ab56e05a00fdbb28/preview?step=1

## Steps

1. Navigate to the bottom section of your design canvas and then click 'Frame'.
2. Following that, use your mouse cursor to draw a frame somewhere around the canvas.
3. Head back to the menu bar at the bottom section and use the given options to add the essential elements of your design system to the canvas. For instance, you may insert shapes, texts, images, and the like.
4. One by one, arrange the assets according to your creative concept. At the same time, make all the necessary adjustments to fit them perfectly within the frame.
5. After that, select the assets individually and then access the right-side panel to further customize their designs. For instance, you may change their Position, Layout, Appearance, Visual Effects, and other similar settings.
6. Finally, tap the 'Share' button at the top-right corner to send a copy of the design system to your team members.