Figma to Storyblok
Transform your Figma components and frames into content blocks within your Storyblok project.
Plugin Preview
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?
Contact us at [email protected]
Plugin Details
| Version | 2 |
|---|---|
| Created | May 21, 2025 |
| Last Updated | May 27, 2025 |
| Category | Software development |
| Creator | Nikola M |
| Stats | 39 installs, 14 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://*.googleapis.com
- https://*.storyblok.com
- https://fonts.gstatic.com
- https://s3.amazonaws.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI