Go to a story in a Storybook published on Chromatic. Link stories to Figma components, variants, and instances. In Figma, open the command palette (in Mac OS, use Command + /, in Windows use Control + /) and type Storybook Connect to enable it.įollow the instructions to connect and authenticate with Chromatic. Go to Storybook Connect to install the plugin. It provides the index, versions, and access control that back the plugin. Install pluginīefore we begin, you must have a Storybook published to Chromatic. It’s powered by Storybook embeds and Chromatic, a publishing tool created by the Storybook team. Storybook Connect is a Figma plugin that allows you to embed component stories in Figma. There are two ways to integrate Storybook and Figma. Figmaįigma is a collaborative UI design tool that allows multiple people to work on the same design simultaneously in the browser. That helps you debug inconsistencies earlier in the design process, discover existing components to reuse, and compare designs to stories. Storybook integrates with design tools to speed up your development workflow.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |