Figma to Storyblok

This is a Third-Party App/Website

Author: Storyblok
Last update: 6/12/2025

Figma to Storyblok

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

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?