Story.to.design
Generate and sync full Figma components from Storybook, Backlight or Histoire. Storybook to Figma. Histoire to Figma.
āļāļ°āđāļāļ
50
āļāļ°āđāļāļāļāļđāđāđāļāđ
1.0
āļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļāļĢāļĩ/āļāļāļĨāļāļāđāļāđ
āđāļĄāđāļĢāļāļāļĢāļąāļ
āļĢāļēāļāļēāđāļĢāļīāđāļĄāļāđāļ
US$149/āđāļāļ·āļāļ
āļāļąāļāđāļāļāļĨāđāļēāļŠāļļāļ
āļŠ.āļ. 04, 2026
āļ āļēāļāļĢāļ§āļĄ
Story.to.design āļāļ·āļāļāļ°āđāļĢ?
story.to.design āđāļāđāļāđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļĩāđāđāļāļ·āđāļāļĄāļāđāļ Storybook, Backlight āļŦāļĢāļ·āļ Histoire āļāļąāļ Figma āļāđāļ§āļĒāđāļŦāđāļŠāļēāļĄāļēāļĢāļāļŠāļĢāđāļēāļāđāļĨāļ°āļāļēāļĢāļāļīāļāđāļāļĢāđāļāļāđāļŠāđāļ§āļāļāļĢāļ°āļāļāļ Figma āļāļēāļāđāļāđāļāđāļāđāđāļāļĒāļāļąāļāđāļāļĄāļąāļāļī āļāđāļ§āļĒāļĢāļąāļāļĐāļēāļāļ§āļēāļĄāļŠāļāļāļāļĨāđāļāļāļāļāļāļāļēāļĢāļāļāļāđāļāļāđāļāļĒāļāļēāļĢāļāļąāļāđāļāļāļāļąāļ§āđāļāļĢāļŦāļĨāļēāļĒāļĢāđāļāļĒāļĢāļēāļĒāļāļēāļĢāļāđāļ§āļĒāļāļēāļĢāđāļāļĨāļĩāđāļĒāļāđāļāļĨāļāđāļāđāļāđāļāļāļĨāļīāļāđāļāļĩāļĒāļ§
Story.to.design āđāļāđāļŠāļģāļŦāļĢāļąāļāļāļ°āđāļĢ?
āđāļāđāļ
āļāļĨāļļāđāļĄāļāļđāđāđāļāđ
āļāļļāļāļŠāļĄāļāļąāļāļīāļŦāļĨāļąāļ
- āļŠāļĢāđāļēāļāļŠāđāļ§āļāļāļĢāļ°āļāļāļ Figma āļāļēāļ Storybook
- āđāļĨāļĒāđāđāļāļēāļāđāļāļąāļāđāļāļĄāļąāļāļīāđāļĨāļ°āđāļĨāđāļĒāļāļĢāđāļāļ§āļēāļĄāđāļāļĩāđāļĒāļāļāļĢāļāļŠāļđāļ
- āļāļģāđāļāđāļēāļŠāđāļ§āļāļāļĢāļ°āļāļāļāļāļĩāđāļāđāļāļāļāļąāļ
- āļāļąāļāđāļāļĢāļĩāļĒāļĄāļāđāļāļĄāļđāļĨāđāļāđāļāļŠāļģāļŦāļĢāļąāļāđāļŦāļĄāļāļāļąāļāļāļąāļāļāļēāļāļāļāļāđāđāļ§āļĢāđ
- āļāļģāļĨāļāļāļŠāļāļēāļāļ°āļŦāļĨāļāļ (āđāļŪāđāļ§āļāļĢāđ āđāļāļ° āļŊāļĨāļŊ)
- āļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļŦāļĨāļēāļĒāđāļāļĢāļāļāđāļāļĢāđāļāļĄāļāļĩāļĄ
- āļŠāđāļ§āļāļāļĢāļ°āļāļāļāļāļĩāđāļāļāļāļŠāļāļāļāļāļĢāđāļāļĄāđāļāļĢāļāļāļāļĒāļāđāļāļĩāđāļāļģāļŦāļāļāļāđāļēāđāļāđ
- āđāļŦāļĄāļāļāđāļāļāļāļīāđāļāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļ§āļāļāđāļģāļāļĒāđāļēāļāļĢāļ§āļāđāļĢāđāļ§
- āļāļģāļāļēāļāļĢāđāļ§āļĄāļāļąāļ HTML/CSS, React, Vue, Angular, Svelte, Stencil, Lit
āļ§āļīāļāļĩāđāļāđ Story.to.design?
āđāļāļ·āđāļāļĄāļāđāļāļŦāļāļąāļāļŠāļ·āļāļāļīāļāļēāļāļāļāļāļāļļāļ āđāļĨāļ·āļāļāļŠāđāļ§āļāļāļĢāļ°āļāļāļāđāļĨāļ°āļāļąāļ§āđāļāļĢ āļāļēāļāļāļąāđāļāļŠāļĢāđāļēāļāđāļ Figma āđāļāđāļāļĩāđāļāļāļĢāđāļāđāļēāļāđ āđāļāđāļ āļāļāļ§āļīāļāļēāļĢāļāđāļāđāļ§āļĒāļ āļēāļ āđāļŦāļĄāļāļāđāļāļāļāļīāđāļāđāļāļ·āđāļāļāļēāļĢāļāļģāļāđāļģāļāļĩāđāļĢāļ§āļāđāļĢāđāļ§ āđāļĨāļ°āļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļŦāļĨāļēāļĒāđāļāļĢāļāļāđāđāļāļ·āđāļāđāļŦāđāļāļēāļĢāļāļāļāđāļāļāļŠāļāļāļāļĨāđāļāļāļāļąāļāđāļāđāļ
āđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļēāļāđāļĨāļ·āļāļ
āđāļĄāđāļāļāđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļēāļāđāļĨāļ·āļāļ
āļāđāļāļāļĩ & āļāđāļāđāļŠāļĩāļĒ
āļāđāļāļāļĩ
- āļāļĢāļąāļāļāļēāļĢāļāļāļāđāļāļāđāļĨāļ°āđāļāđāļāđāļŦāđāļŠāļāļāļāļĨāđāļāļāļāļąāļ
- āļĨāļāļāļēāļĢāļāļģāļĢāļļāļāļĢāļąāļāļĐāļēāļāļąāļ§āđāļāļĢāļāđāļ§āļĒāļāļāđāļāļ
- āļĢāļāļāļĢāļąāļāļāļĢāļāļāļāļēāļāđāļĨāļ°āđāļāļĢāļāļāđāļāļĩāđāļŦāļĨāļēāļāļŦāļĨāļēāļĒ
- āļāļĢāļąāļāļāļĢāļļāļāđāļŦāļĄāļ Figma Dev āļāđāļ§āļĒāļāđāļāļĄāļđāļĨāđāļāđāļ
- āļāļąāļāđāļāļāļāļĒāđāļēāļāļĢāļ§āļāđāļĢāđāļ§āļāļĢāđāļāļĄāļāļāļ§āļīāļāļēāļĢāļāđāļāđāļ§āļĒāļ āļēāļ
āļāđāļāđāļŠāļĩāļĒ
- āļŠāļģāļŦāļĢāļąāļāļāļĩāļĄāļāļĩāđāđāļāđ Storybook āđāļĨāļ° Figma āđāļāđāļāļŦāļĨāļąāļ
- āļāļēāļāļāđāļāļāļĄāļĩāļāļēāļĢāļāļąāđāļāļāđāļēāļŠāļģāļŦāļĢāļąāļāđāļŦāļĄāļāļāđāļāļāļāļīāđāļ
āļāļĢāļāļĩāļāļēāļĢāđāļāđāļāļēāļ
- āļāļđāđāļĨāļĢāļąāļāļĐāļēāļĢāļ°āļāļāļāļēāļĢāļāļāļāđāļāļāļĢāļ°āļŦāļ§āđāļēāļāļāļĩāļĄ
- āļāļēāļĢāļāļąāļāđāļāļāļāļēāļĢāļāļāļāđāļāļ Figma āļāđāļ§āļĒāļāļēāļĢāđāļāļĨāļĩāđāļĒāļāđāļāļĨāļāđāļāđāļ
- āļāļēāļĢāļŠāļĢāđāļēāļāļŠāđāļ§āļāļāļĢāļ°āļāļāļāļāļĩāđāļāļāļāļŠāļāļāļāļŠāļģāļŦāļĢāļąāļāļŦāļĨāļēāļĒāļ§āļīāļ§āļāļāļĢāđāļ
- āļŠāļāļąāļāļŠāļāļļāļāļāļąāđāļāļāļāļāļāļēāļĢāļāļāļāđāļāļāļŦāļĨāļēāļĒāđāļāļĢāļāļāđ
āļĢāļēāļāļē Story.to.design
āđāļāļāļŠāļĄāļēāļāļīāļ
Agency
US$0/āđāļāļ·āļāļāļĢāļēāļāļēāļāļĩāđāļāļāļāđāļāļāļāļēāļĄāļāļ§āļēāļĄāļāđāļāļāļāļēāļĢāļāļāļāļāļļāļ
- āļŦāļāļąāļāļŠāļ·āļāļāļīāļāļēāļ 2+ āđāļĨāđāļĄ
- āļāļđāđāđāļāđāđāļĄāđāļāļģāļāļąāļ
- āļāļēāļĢāļāļĢāļ°āļĄāļ§āļĨāļāļĨāđāļĢāđāļ§āļāļķāđāļ
- āļŠāđāļ§āļāļāļĢāļ°āļāļāļāđāļĄāđāļāļģāļāļąāļ
- āļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļĢāļ°āļāļąāļāļāļģāļāļēāļ
Team
US$149/āđāļāļ·āļāļāđāļāļāļāļļāļāļēāļāđāļāļĩāļĒāļ§āļŠāļģāļŦāļĢāļąāļāļāļąāđāļāļāļĩāļĄ
- āļŦāļāļąāļāļŠāļ·āļāļāļīāļāļēāļ 1 āđāļĨāđāļĄ
- āļāļđāđāđāļāđāđāļĄāđāļāļģāļāļąāļ
- āļāļēāļĢāļāļĢāļ°āļĄāļ§āļĨāļāļĨāđāļĢāđāļ§āļāļķāđāļ
- āļŠāđāļ§āļāļāļĢāļ°āļāļāļāđāļĄāđāļāļģāļāļąāļ
- āļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļĢāļ°āļāļąāļāļāļģāļāļēāļ
Team
US$199/āļāļĩāđāļāļāļāļļāļāļēāļāđāļāļĩāļĒāļ§āļŠāļģāļŦāļĢāļąāļāļāļąāđāļāļāļĩāļĄ
- āļŦāļāļąāļāļŠāļ·āļāļāļīāļāļēāļ 1 āđāļĨāđāļĄ
- āļāļđāđāđāļāđāđāļĄāđāļāļģāļāļąāļ
- āļāļēāļĢāļāļĢāļ°āļĄāļ§āļĨāļāļĨāđāļĢāđāļ§āļāļķāđāļ
- āļŠāđāļ§āļāļāļĢāļ°āļāļāļāđāļĄāđāļāļģāļāļąāļ
- āļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļĢāļ°āļāļąāļāļāļģāļāļēāļ
āļĢāļĩāļ§āļīāļ§āļāļđāđāđāļāđ
1.0
āļāļēāļ 5
1.0
āļĒāļąāļāđāļĄāđāļĄāļĩāļĢāļĩāļ§āļīāļ§
āđāļāđāļāļāļāđāļĢāļāļāļĩāđāļĢāļĩāļ§āļīāļ§āđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļĩāđ!