Storybook Connect

开发 · 820 likes

Inspect Storybook stories in Figma

Embed stories into your Figma workspace to cross-reference the live implementation in one place. Open the Storybook Connect window to start interacting with the real components. With the Storybook Connect Plugin you can:  Link design components to stories  Play with interactive stories in Figma  Compare implementation to the design Link components When you link a component or a variant to a story that link propagates to every instance in Figma. Your collaborators can also see the story link. Compare implementation to the design The plugin comes with a compact yet powerful story embed that includes familiar tools like the Outline, Measure, Backgrounds, and more. Open Storybook from the sidebar See which components are linked by glancing at the Storybook Connect section in Figma’s sidebar. Open Storybook in Dev mode See which components are linked by glancing at the Storybook Connect section in Figma’s sidebar Requires a Chromatic account for access control & security, sign up for free here . Join the Storybook discord here and visit the #figma-plugin channel for support!

适用场景

Storybook Connect 属于 开发 分类,适合希望用清晰结果驱动设计流程的团队。

关键信息

发布者信息

创建者:Jonathan Kolnik。Figma 社区发布者:Jonathan Kolnik。

兼容性与支持

安装前如何评估

查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。

在 Figma 中打开

相关插件