Storyblok Adds Figma Integration and GitHub Login Option

Marketing, Developers
Olena Teselko

Storyblok is the first headless CMS that works for developers & marketers alike.

Prepare to read amazing news… We are announcing two updates that will make the lives of developers and designers using Storyblok even more joyful.

Figma to Storyblok integration

Design and development finally have a common language – thanks to Storyblok’s brand-new integration with Figma. For the first time, teams can bridge the gap between design and content management with a seamless, automated workflow that turns static designs into structured, reusable CMS components in seconds.

Image of the Figma screen where components are transformed into Storyblok content bloc

Design and content, finally in sync

Designers work in Figma. Developers work in code. And somewhere in between, things get… complicated. 

In fast-paced teams, pixel-perfect designs don’t always survive the jump to the CMS. Visuals get adjusted. Content changes. Developers are left translating static screens into dynamic components – often without specs or context. The result? Rigid layouts, misaligned structures, and time-consuming handoffs that slow everyone down.

At Storyblok, we’ve seen how these misalignments impact scale and speed. That’s why our new Figma integration is designed to solve the core issue: disconnected workflows between design and development.

From Figma to CMS – in one click

With Storyblok’s new Figma integration, design and development finally operate in sync. Developers can now generate CMS components directly from Figma designs – no manual field mapping, layout rebuilding, or time-consuming guesswork. With a single click, design systems are transformed into structured content models, turning what used to take hours per page into a task that takes seconds.

This integration enables a truly shared workflow from the very beginning. Designers can focus on creativity, annotating, and refining components in Figma without worrying about implementation. Developers get an accurate, consistent starting point that reflects the design intent, ready to use, and easy to scale. 

By connecting design and development at the source, teams reduce miscommunication, speed up launches, and ensure visual consistency across every screen, language, and market.

It’s not just a faster handoff – it’s one continuous, collaborative workflow from design board to production.

The Figma integration is a game-changer for starting new projects. We’re excited about the direction Storyblok is heading. It’s bringing design and development closer than ever.

Unlock these benefits with Storyblok’s Figma integration:

  • Save hours of development time per page
  • Reduce implementation errors
  • Minimize design-to-dev cycles
  • Launch faster across teams, languages, and markets
  • Let developers focus on logic, not pixel-perfect replication

Faster onboarding with GitHub login

In addition to the Figma integration, Storyblok now supports social authentication via GitHub, making the platform even more developer-friendly (if it’s even possible).

Image of the GitHub login

Managing separate login credentials can be a hassle, especially for developers who value speed and simplicity. With GitHub login, new users can now sign up and access Storyblok in just a few clicks using credentials they already trust.

This update reduces friction for first-time users and streamlines the onboarding process. Existing users can also link their GitHub account for easier access moving forward. By integrating with a platform developers already rely on daily, Storyblok reinforces its commitment to being a CMS built by devs, for devs.