Divi 5 Figma Component Library

Downloading & Importing the Library

Open the Divi 5 Figma Component Library from the Figma Community

For Paid Figma Accounts

Using the library for the first time

1. Open the Divi 5 Component Library and publish it as a Library and then close the file. How to publish a Figma Library
2. Create a new file and add the Library published in step 1 this new file. How to add an external Library to a Figma file
3. Now you can insert components from the external Divi 5 library into your file. How to insert external components into a Figma file
   • There are many patterns and starter mocks inside of the Library file that you can simply copy and paste into your file. These will contain nested components and styles that will remain in sync with the external library

Using a new version of the Library

1. When a new version of the library comes out you can download it, open it in Figam, and save it as a new Figma Library
2. Then you can use Figma Library Swapping to update references from any previous Divi Library to now reference the latest Divi Library

For Free Figma Accounts

Note: For free accounts, you will not be able to use the library file as an actual Figma Library since this is a paid feature.

Using the library for the first time

You can start working directly inside of the Divi 5 Component Library file.

Using a new version of the Library

If you already have a working Divi 5 Figma file and want to access components from an updated version of the library, you can download a new version and simply copy and paste components in from the new file to your working file. Any pasted components that exist in your working file will be duplicated and you would have to go into all instances and manually swap them.