April updates
Figma in Chromatic, better squash/rebase detection, & preloading assets
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.
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.
Switch over to the design tab to make new connections between your designs and your stories, zoom, pan, and even inspect layers. Just as Storybook Connect lets you view your teamβs Storybook stories without leaving Figma, you can now see your designs without leaving Chromatic. Keeping your focus within a single application will speed up handoff, review, and collaboration for your team.
To learn more about the integration, head over to our docs, where you can find more details.
Other improvements & fixes
- π€ Allow customers to resolve issues with their Git Provider Access Tokens from the Manage Screen.
- π΅οΈββοΈ Improved Squash/Rebase merge detection for projects linked to GitHub.
- π Fixed a bug with the static IP address feature where GitHub API requests were not coming from the expected address.
- π Fixed a bug where SAML users were not being returned in the collaborators list.
- π Added automatic support for preloading component assets built with Storybook 7.0+.