Frontify

___________________________________________________________

Access complete libraries of your guidelines: colors, typography, digital assets (icons, images, logos) living in Frontify, directly from Figma. 

<a href="https://help.frontify.com/en/articles/4485473-get-started-with-your-frontify-plugin-for-figma">Help article</a>

Direction of integration: Frontify → Figma

<a href="https://www.loom.com/share/5b3da80c84474b2f869d98f84f68fb92?sid=34d7953d-becc-4994-95c8-107832da3dee" rel="nofollow noopener noreferrer" target="_blank">See it in action</a>

- <a href="https://help.frontify.com/en/articles/4485473-get-started-with-your-frontify-plugin-for-figma">Help article</a>
- Direction of integration: Frontify → Figma
- Availability: contact your CSM
- <a href="https://www.loom.com/share/5b3da80c84474b2f869d98f84f68fb92?sid=34d7953d-becc-4994-95c8-107832da3dee" rel="nofollow noopener noreferrer" target="_blank">See it in action</a>

Build your Design System documentation on Frontify by syncing Figma elements in your guidelines to provide both designers and developers with the latest UX/UI components. 

<a href="https://help.frontify.com/en/articles/6588621-figma-content-block">Help article</a>

Direction of integration: Figma → Frontify

Availability: live in all Frontify instances

<a href="https://www.loom.com/share/5d8d5100f75947299dd4890425ef2b7f?sid=4e9ee31a-06c3-4260-b107-7af3b1fcc3a5" rel="nofollow noopener noreferrer" target="_blank">See it in action</a>

- <a href="https://help.frontify.com/en/articles/6588621-figma-content-block">Help article</a>
- Direction of integration: Figma → Frontify
- Availability: live in all Frontify instances
- <a href="https://www.loom.com/share/5d8d5100f75947299dd4890425ef2b7f?sid=4e9ee31a-06c3-4260-b107-7af3b1fcc3a5" rel="nofollow noopener noreferrer" target="_blank">See it in action</a>

Assign work, feedback and approve Figma elements within Frontify projects. 

<a href="https://help.frontify.com/en/articles/5435324-getting-started-with-the-figma-app">Help article</a>

Availability: live in all Frontify instances

- <a href="https://help.frontify.com/en/articles/5435324-getting-started-with-the-figma-app">Help article</a>
- Direction of integration: Figma → Frontify
- Availability: live in all Frontify instances 
- <a href="https://www.loom.com/share/5d8d5100f75947299dd4890425ef2b7f?sid=4e9ee31a-06c3-4260-b107-7af3b1fcc3a5" rel="nofollow noopener noreferrer" target="_blank">See it in action</a>

Create design templates once in Figma, decide what can be edited, and allow anyone to customize on-brand visuals on their own. Creativity meets control.​

<a href="https://help.frontify.com/en/articles/10026380-figma-templates">Help article </a>

Availability: live in all Frontify instances using Templates

- <a href="https://help.frontify.com/en/articles/10026380-figma-templates">Help article </a>
- Direction of integration: Figma → Frontify
- Availability: live in all Frontify instances using Templates

The Figma Library Sync automates the transfer of brand assets from Figma to Frontify with just one click.

<a href="https://help.frontify.com/en/articles/10036276-figma-library-sync-introduction">Help article</a>

<a href="https://www.loom.com/share/980d338429de40d59f1c2a760d4c67d0?sid=95ff6aaf-00be-464c-8192-91083510a19b" rel="nofollow noopener noreferrer" target="_blank">See it in action</a>

- <a href="https://help.frontify.com/en/articles/10036276-figma-library-sync-introduction">Help article</a>
- Direction of integration: Figma → Frontify
- Availability: contact your CSM
- <a href="https://www.loom.com/share/980d338429de40d59f1c2a760d4c67d0?sid=95ff6aaf-00be-464c-8192-91083510a19b" rel="nofollow noopener noreferrer" target="_blank">See it in action</a>

The Figma variables block allows users to document colors, typography, and other design element tokens from Figma in Frontify. 

<a href="https://help.frontify.com/en/articles/11131897-figma-variables-block">Help article</a>

Availability: live in all Frontify instances

<a href="https://vimeo.com/manage/videos/1078399158" rel="nofollow noopener noreferrer" target="_blank">See it in action</a>

- <a href="https://help.frontify.com/en/articles/11131897-figma-variables-block">Help article</a>
- Direction of integration: Figma → Frontify
- Availability: live in all Frontify instances 
- <a href="https://vimeo.com/manage/videos/1078399158" rel="nofollow noopener noreferrer" target="_blank">See it in action</a>

Figma Connector powered by CI Hub

The CI Hub connector is a powerful tool that brings your Frontify DAM natively into many systems including Figma, Google Workspace, Microsoft Office, Adobe Suite,  Wordpress, and more. 

Direction of integration: Frontify → Figma

- Help article (under construction) 
- Direction of integration: Frontify → Figma 
- Availability: contact your CSM
- See it in action

There are many ways you can use Figma and Frontify together. Below is an overview of the integration options, along with helpful links.

Overview of all Figma integrations

Frontify Support

Find answers and get help from Intercom Support and Community Experts

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

Overview of all Figma integrations

Figma Plugin

Figma Block

Figma App

Figma Templates

Library Sync

Figma variables block

Figma Connector powered by CI Hub