When to use this method

The project has grown and there are many files in Figma, each with the same design system. You’ve created a library based on your design system and want to assign it to all existing files. But Figma only allows you to swap different libraries with each other and tells nothing about how to swap a library with local styles and components from the design system.

Next, we will cover how to do it in a way that doesn’t break the current styles, components, and their connections. And all this without using paid plugins!

Steps for implementing the library in an existing file

1. Open the file you want to assign the library’s styles and components to (hereafter, the original file).

2. Create a library in the original file from local styles and components (use Alt+3 for Windows, Option+3 for IOS, or Assets – Library and click “Publish”).

3. Create a new file.

4. Turn on the original file’s library in the new file.

5. Copy all the layouts from the original file and paste them into the new file page by page.

6. Note that you should have all the styles and components saved as in the original file. You can check it by clicking on some text and see whether the style is displayed or has broken. If the style is broken, please check the previous steps.

7. In the new file, go to the libraries (Alt+3 or Option+3), click the original file’s library, click the “Swap library”, select in “Choose library” your library that you want to implement (Design Library), click the “Swap library”. yourself from your competition?

Note: Check the matches before clicking the “Swap libraries” one last time. Matching is based on the style or component name only. This includes components sets and the variants within them. If you’ve deleted components, or recreated them with different names, Figma won’t recognize or match these components.

8. Done! Your file now has styles and components from the library. You can check it by clicking on some text and see that the style belongs to your design library.

9. Delete the original file, you don’t need it anymore. Leave the new file.

Do the same with all the files you want to assign styles and components from the library. Your library process is now automated, and it’s easy to include the library in your future new files (just enable the library in the Library menu).

We hope you found our guide useful and that it helped you solve the problem. If you still have questions, please feel free to ask them in the comments below, and we’ll be happy to help. Also share if you succeeded, so other users can see that it works!

Didn’t find a solution?

If you have another swap libraries problem, we recommend checking out Figma’s guide.

To make a WOW website design, a designer has to rely on more than just his experience and taste, trying to guess what the client wants.

Sometimes you’ll be able to guess, but there’s a more proven way to reveal a client’s expectations and preferences — ask the right questions BEFORE you start 👆

Whether you’re working hand-in-hand with business analysts and managers on a large team, or you’re a solo freelancer, as a designer you need to keep your focus on more than just visual issues. It’s important for you to understand what the project’s target audience is, and its marketing goals. Even the client’s budget can be useful to know so that you don’t fill the design with too expensive features that will inflate the project’s budget. In this case, your cool design won’t benefit any real user and will be useless.

Design from Scratch

I’ve focused on the questions you need to ask the client when you’re designing a website from scratch. Most of these questions will also be relevant to redesigning an existing site, but such projects need to be handled on a broader scale. In the site redesign case, you should request site performance analytics to examine the weaknesses of the current design. In this case, you need to know what works well and what doesn’t, what is inconvenient for the user, and whether the site brings conversions. I’ll talk about that next time!

Now I’ve prepared a list of questions that will be useful for your perfect brief. You don’t have to incorporate them all, you should always consider the context and the initial request from the client. 

For convenience, I’ve divided the questions into categories. Let’s explore!

Questions

Background information and client business

Vision & Values

Design Concept

If the client does not have a logo or style guide, you should include the questions from the list below:

Workflow

Always keep in mind that the client does not need just a nice picture, he needs a functioning website that will work for his business. Do not be afraid to ask questions. This way you show your care and your professionalism. By asking the right questions, you not only better understand the client’s preferences, but also find a common language and build a relationship with a client who will probably work with you in the future.