How to share Figma components across files

Using Components in the same file is okay if you only have a few, but existing libraries often have many pages of Components you might want to use. Sometimes even multiple files. There is a way to re-use these without copying and pasting these into your working file again and again. This will help you create your own Design System, or work from someone else’s copy.

Official Figma documentation on libraries and component best practices can help you further.

Grab a Component file

Figma’s community is in Beta, but there’s still a good range of resources.

You can use for favourite search engine to find UI kit files, or use Figma’s “Community” tab. It’s in the top left, then you can search by the “UI kits” category and use the “Files” filter.

I grabbed a copy of Polaris Components from Shopify.

Save it to a Team Library

My example Team has two Projects: First Project, and Design System.

Next, you’ll need to save it to a Team Library. If it’s for yourself, you can simply save it in your personal team library. Figma will create you a “Design System” project by default, so I find it helpful to save my UI kits there and mark the project as a favourite. This way, it comes up in the list view on the…