Skip to main content

I created multiple components using two design elements, and the two components each have a purple outline. (This is not the dotted out) Does anyone know what the purple outline means?

Hi there!

Can you share a quick screenshot so the community can better visualise it?

If you are seeing this, this indicates it is a component or an instance. More info here:


With the dotted lines, it is an interactive component. You can get more information in this help center article: Interactive component


If your whole file turned purple outlines, you may have accidentally toggled ‘Outline’ view on. Here’s here to find it to switch it back to the regular view:




View layer outlines in Figma design explains this view in more details.

Hope this helps!