Figma to Storyblok

by Nikola M

Transform your Figma components and frames into content blocks within your Storyblok project.

FreeFigma

Performance report Open in Figma

Installs

217

Likes

Users

1,450

Views

4,171

About this plugin

Figma to Storyblok bridges the gap between design and content management. With just one click, you can export Figma components directly into your Storyblok space, instantly turning them into ready-to-use content blocks.

How to use the Figma to Storyblok Sync plugin:

1. Install the plugin Once installed, click Get Started in Figma, go through our onboarding slider, and click Connect Account in the final step.

2. Connect your account Use your Personal Access Token, generated in your Storyblok account, to enable a secure and seamless integration.

3. Export from Figma to Storyblok Select and export one frame at a time. In Storyblok, each frame becomes a universal block you can use as a component, with an auto-updated image preview.

Have feedback or need help?

More software development plugins

View all

Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)

by Steve Sewell

Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.

410.3K 23.4K

Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder

by Anima

Anima - AI Design to code, Vibe code, Vibe design

400.6K 17.8K

SkewDat

Paid

by Unfold

Skew any layer or group with all layers preserved to edit.

276K 7.3K

Zeplin

Paid

by Zeplin Crew

Design tools are for designing. Zeplin is for clear, structured design delivery.

183.3K 2.9K