Turn finished Figma designs into assets your team can use.
Give colleagues access to finished visuals through Pickit while editable designs stay in Figma. Import selected components, frames and variants as SVG or PNG assets, then update them when the design is ready.
How the Figma import works
- Direction
- Selected content on the current Figma page → Pickit assets.
- Output
- SVG or PNG exports of selected components, frames and component variants.
- Execution
- Imports and updates are started from Figma, without continuous background synchronization.
Setup & practical details
- Requirements
- Access to the Figma source, Pickit administrator access and the appropriate Figma plugin/import configuration for your account.
From selected designs to reusable assets.
Choose what leaves the design page.
The design owner selects components, frames and component variants from the current Figma page and imports the output into a Pickit library. Colleagues can then find the finished visuals and use them through their supported Pickit workflows.
The result is an SVG or PNG asset, according to the design content. It gives teams a reusable design output rather than an editable Figma component instance.
Keep the design’s description with the asset.
Descriptions and information about design variants can come across from Figma, helping colleagues find and distinguish the exported assets.
Component descriptions can become descriptions or tags. Supported variant properties can become Pickit properties. Choose the information your team needs before importing.
Refresh the existing asset when the design is ready.
Link the design to a matching earlier import so the next update refreshes the same asset in Pickit. Make changes in Figma, then start the update through the import workflow.
Editable components stay in Figma. Pickit receives refreshed SVG or PNG assets. Retire replaced designs and update copies already downloaded or inserted elsewhere separately.
- 01
Select finished designs in Figma
Choose components, frames and variants on the current page.
- 02
Import into Pickit
Choose the library and descriptive information to include with the SVG or PNG assets.
- 03
Update the linked asset
When the design changes, start an update of the earlier import.
A few useful answers.
Does this import the entire Figma file?
The workflow selects supported content from the current page. Choose the relevant components, frames and variants rather than assuming every page and part of the design system is imported.
Are the imports editable Figma components?
The imported output is SVG or PNG. Make design changes in Figma, then update the linked output through the import workflow.
What do we need to get started?
You need access to the source design and an appropriately configured Pickit account and Figma plugin. We can help confirm the installation and library setup for your team.
Make the design handoff easier to use.
Bring a Figma example. We’ll help you choose the output, metadata and audience for your first import.