Sign inSign up

April updates

Figma in Chromatic, better squash/rebase detection, & preloading assets

loading
Jarel Fryer
โ€” @thafryer
Last updated:

This month brings improvements to Access Token issues, squash/rebase git flows, and preloading assets. We also fixed a couple bugs unique to SAML users and GitHub API requests from static IPs. Lastly, we have an exciting new integration with Figma in early release that weโ€™re excited to share with you.

Figma in Chromatic

Last year, we released the Storybook Connect plugin that lets you embed stories within a Figma file. The plugin made it easier for teams to compare design specs and coded components.

Iโ€™m ecstatic to announce that weโ€™re bringing that code and design, side-by-side support to Chromatic, too. Youโ€™ll be able to view Figma components alongside their linked story right within Chromatic.

Get Beta Access

This feature is still in early release. Please reach out via email to support@chromatic.com to get access.

How it works

Once youโ€™re in the beta for Figma in Chromatic, youโ€™ll find a new โ€œConnected Applicationsโ€ section on your Chromatic accountโ€™s โ€œManageโ€ page under the Configure tab.

The new Connected Applications section under the Configure tab.

If you have already connected stories to Figma components via Storybook Connect, youโ€™ll also see a new โ€œDesignsโ€ tab on your linked components. If you donโ€™t yet have linked stories, you can do so either with Storybook Connect or from within Chromatic.

Once you have a linked story, Chromatic renders your Figma component into the Designs tab.