Design components are composed directly on your canvas. Design components can be composed out of purely visual elements like Frames and text but can also contain code components as children.
To create a new design component, you can navigate to the Components panel and click the New button located at the top. Here, you can create new design components, slect a Frame on your canvas and click
New, give your component a name and click
New Design Component.
First, give your design component a unique name in the Layer Panel. Then, right click on the layer and select
Create Component. You can also create new design components from selection by hitting
The design components you see in the panel are referred to as a
master components. All of your own master components live on the canvas: removing them from the canvas will also remove them from the Components panel. If you paste, duplicate or drag a component from the panel to the canvas, you’ll create an
instance of that component. All changes made to the master will be reflected within each instance. You can still override the properties of any single instance and customize things like color, opacity and radius, or layout options like position and size. Don’t like the end result? Right-click and hit
Reset Overrides to revert styling back to match the master component.
To delete a design component go to the components panel and right click the component you want to delete and click
Note that you can only delete design components that do not have any instances on the canvas. Delete the instances first in order to delete the master component.