The SVG Asset Linking feature in CI HUB Connector Professional allows you to place SVG files in Figma as linked assets.
Linked SVGs remain connected to the original asset in your DAM, MAM, PIM, or cloud storage system. This allows you to check their status and update them when a newer version becomes available.
Two ways to link SVGs in Figma
There are two supported workflows for linking SVGs in Figma:
1. Placing a new SVG from the CI HUB Connector Professional
When you place an SVG directly from the CI HUB Connector Professional
- The SVG is inserted into your design
- Linking happens automatically
- The asset immediately appears in the ExCoP
This is the fastest and recommended way to work with SVG assets.
2. Linking an SVG that already exists in the Figma document
If an SVG is already in your design (e.g., added manually), you can still link it:
- Select the SVG elements in your Figma design
- Click the “+” (Add File) button
- Choose files from active Figma document
- Select your SVGs from the dropdown
- Optionally rename them (or keep original names)
- Click OK
This workflow does two things:
- Uploads the SVG to your DAM, PIM, MAM or cloud storage system
- Adds the link information to the SVG frame in Figma
Once completed:
- The SVG appears in the ExCoP
- It can be managed and updated like any other linked asset
Important note
SVGs that are manually placed into your design (e.g., drag & drop) do not appear in the ExCoP automatically.
However, they can be linked at any time using the upload from active document workflow described above.
Special case: When the SVG Already Exists in Both Figma and the Source System
An SVG may already exist in your Figma document and in your connected source system. To avoid uploading the SVG again and creating a duplicate:
-
Remove the SVG from your Figma document.
-
Find the existing SVG in CI HUB Connector Professional.
-
Place it into your design again.
The SVG is then linked to the existing asset in the source system without creating another copy.
Benefits of Linking SVG Assets
1. Automatic Updates
When an SVG is updated in your DAM, PIM, MAM or cloud storage system, you can refresh it directly in your design file, no need to re-import or manually replace assets.
2. Centralized Asset Management
All linked SVGs appear in the ExCoP, allowing you to:
- Track usage
- Identify outdated assets
- Update multiple instances quickly
3. Improved Consistency
Ensure all designs use the latest approved versions of icons and vector assets across teams and projects.
4. Reduced Manual Work
Eliminate repetitive tasks like:
- Replacing icons manually
- Searching for updated files
- Fixing inconsistencies across documents
How It Works
When placing from the CI HUB Connector Professional :
- Select an SVG asset from your DAM, PIM, MAM or cloud storage system via CI HUB
- Place it into your design
- The asset is inserted as a linked object
- The asset becomes visible in the ExCoP
When linking from the active document:
- Select an existing SVG in your design
- Upload it using files from active Figma document
- The SVG is uploaded to the DAM, PIM, MAM or cloud storage system
- Link information is added to the SVG in Figma
- The asset becomes visible in the ExCoP
Updating assets
When a new version is available:
- ExCoP notifies you
- You can update the asset using the Relink feature
