Figma design to UI code using Vaadin Copilot

General
1

Vaadin 24.5 introduces a new Figma import feature that allows copy-pasting designs to Vaadin Copilot. I put together some tips and examples on how to structure the Figma designs for optimal compatibility.

You can find the instructions and UI samples here: https://www.figma.com/community/file/1430138010973103197/figma-to-vaadin

I also made an intro tutorial explaining the main steps

8 Likes
2

The team building the Figma import and I would love to hear your feedback about the feature. What works? What doesn’t? How are you planning to use this and so on…