Improve Figma -> Dev workflow

[janraasch]

Investigation

Can we speed up the process going from Figma designs to working React code?

Question(s)

• Are components of our ui-library available in Figma?
• ...

Links

Figma Dev Mode
Tailwind React Code Generator - by Pagesloft
Figma to React: Convert designs to clean React code in a click
Figma for VSCode

[tarinrickett]

https://x.com/awilkinson/status/1883181773116604551

• Please include in our explorations:
  • [Framer](https://www.framer.com/)
  • [loveable.dev](http://loveable.dev/)
  • [builder.io](https://www.builder.io/)

[tarinrickett]

Another idea: Storybook Figma addon https://storybook.js.org/addons

[janraasch]

https://www.chromatic.com/features/figma-plugin, see #108 (comment)

[janraasch]

note to self circle back on this ⬇️ - looks promising

designs addon by storybook

See https://github.com/storybookjs/addon-designs

A Storybook addon that embeds Figma or websites in the addon panel for better design-development workflow.