![]() Link stories to designs Play with interactive stories to confirm behavior When you link once, you never have to do it again. ![]() This creates a persistent connection between code and design that propagates to every component instance across Figma files. Click on the component in Figma then paste the story URL that matches the design. Link stories to corresponding Figma components or variants. The #figma-plugin gives you access to maintainers and hands-on support. Once your project is on Chromatic, follow the steps below. Chromatic handles access control, security, embedding, and the database that backs the plugin. Teams work smarter because they can debug inconsistencies earlier in the design process and discover existing components to reuse.īefore we begin, your project needs to be published to Chromatic, a free service by Storybook maintainers. We’re launching Storybook Connect for Figma to link stories to their corresponding variants. At Storybook, our mission is to connect component-driven tools. So even though developers and designers start with components, in practice, there’s a distinct disconnect. You end up asking “does the component already exist?” and “why doesn’t the component look like the design?” Naturally, this duplication causes confusion around the source of truth for UI. Developers build components in Storybook while designers draw the components in Figma.Įvery component is expressed twice, in separate tools. ![]() □ Compare design specs to implementationĭevelopers and designers are converging on components, but each discipline takes a different approach.□ Pinpoint components during design handoff.That streamlines design handoff and UI review because teams can reference code components alongside their designs. It’s a Figma plugin which brings your stories into the design workspace. I’m thrilled to announce that Storybook Connect for Figma is now in beta. As apps get more complex, teams lose track of what’s been developed in Storybook and what’s been designed in Figma. Over time, implementation and design tend to drift apart. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |