All Collections
Integrations
Adobe XD Plugin for Frontify
Adobe XD Plugin for Frontify

All design elements at your fingertips – use icons, images, text styles, logos, and colors right within Adobe XD.

Updated over a week ago

Frontify is the single source of truth for all brand-related assets and offers a plugin for Adobe XD.




The plugin simplifies the use of brand definitions and assets, allowing you to find on-brand collateral and information without ever leaving your design tool ecosystem. You can use the plugin to:

- Access and import your Brand Colors (via Guidelines)

- Access and import your Typo Styles (via Guidelines)

- Access your icons from your via the Icon Library

- Access assets from your via the Media Library

- Access logos from your via the Logo Library

All of the above is conveniently located within the Frontify Plugin for Adobe XD.

Setting up the Adobe XD Plugin



1 – Installing the Frontify Plugin

Go to the Plugins Panel in Adobe XD and search for the Frontify plugin.

2 – How to start with the Frontify Plugin

Click "Install" on Frontify in the Adobe XD plugin listing, and you will find it in your list of plugins. 

3 – Sign In to your Frontify Environment

You will now need to connect Adobe XD with your brand (Frontify) by signing in and allowing access to Adobe XD. 

Once you have granted access, you can start adding the domain of your Frontify instance.

4 – Navigate between your brands (Multi-Brand ready)

The Frontify plugin will present you with your different brands. You can switch between them whenever you wish. 

Start using design elements from Frontify within Adobe XD

To start using your brand assets, you can either open a design you are working on or start with a blank document. We do support five Use Cases.

Use Case 1 – Access your brand colors from your Guidelines (Color Block)

You can access all colors defined in your Frontify Brand Guidelines. Navigate to the "Color" tab to find your color palettes. You can select and use those colors immediately by clicking them to fill a shape or use them as border colors. You can also import them to Adobe's standard assets panel.

Use Case 2 – Access your text styles from your Guidelines (Typo Style Block)

You can apply text styles defined within Frontify "Typo Styles" block directly to text layers within Adobe XD.


Please note that the "Fonts" block is not accessible from Adobe XD - you must have added a "Typo Styles" block to use your fonts in Adobe XD. Select the text you want to style, choose a text style, and apply one of your pre-defined brand colors to it. You can also import your text styles to Adobe's native assets panel.

Use Case 3 – Access your icons from your Icon Library

Browse your icons and conveniently copy them to your clipboard – ready to be used in your design.

Use Case 4 – Access visual assets from your Media Library

You have access to your Media Library's assets and can add them as a fill to any shape layer.

The images will be downloaded at the smallest possible resolution based on the size of the selected layer. If you decide to increase the shape's size later, click on the Media Library panel image again to ensure the image has the appropriate resolution. 

Use Case 5 – Access logos from your Logo Library

You can also browse your logos and copy them to your designs.

If you want to know more about the Frontify plugin, head to our blog post for more information.

Did this answer your question?