This is a companion article to the CI HUB Beginners Guide. You will need to review both articles to get started using the Connector.
Installing the Connector
To install the CI HUB Connector in Figma:
Open your Figma file.
Go to the menu in the top left corner: Plugins > Manage Plugins...
Search for CI HUB Connector and click Install.
Once installed, launch the plugin via Plugins > CI HUB Connector.
Figma CI HUB specific features and limitations
Features
External Content Panel (ExCoP)
ExCoP is fully supported in Figma, allowing you to track asset placement, version history, and file locations throughout your document.
For a detailed explanation of the external content panel, please see this help article.
Color Style Integration
If you've assigned a color style to a frame, you can use Add as Fill to insert an image.
All elements sharing the same color style will update with the same image fill.
These placements appear in the ExCoP under Location, giving you full traceability.
Limitations
Figma File Uploads
Uploading Figma design files from Figma to Frontify is not currently supported due to Figma API limitations.
Component Replacement
Does not affect component instances—only replaces the selected image or component.
FAQ
Q: Why can’t I replace all component instances?
A: The “Replace All” feature only applies to the main component. To update all instances, update the image within the main component itself.
Q: Can I upload Figma design files (.fig) to Frontify?
A: Design files cannot be uploaded to Frontify via CI HUB.