Figma to UI Code: Vaadin Copilot vs. Figma MC

Building applications for the web often involves an UI design phase. While Figma has been improving the designer to developer handoffs, the ideal would be that there’s no need for handoff at all. This article dives into two approaches in generating Vaadin UI code from a Figma design.

Subscribe to our newsletter

Be the first to learn about new Vaadin resources and tips

UX flow chart on a browser screen.

Practical Tips for Improving Your UX

Any business application's user experience (UX) is essential because it directly influences how users interact with and perceive the product. A well-designed UX improves daily productivity, lessens friction, and leads to fewer mistakes, more efficiency, and happier users. Whether you want to ...
Blue background with paint brush icon in the middle.

Meet Breeze and Carbon: The two new theme add-ons available in Directory

Some development teams find writing their own CSS styles more interesting than others. We have created two theme add-ons to kickstart the visual customization of Vaadin 23 apps. Both themes can be used as they are or further customized to better fit your team’s needs. Carbon Theme for Vaadin 23 ...

Styling Web Components with CSS variables

Why do you need CSS variables? The purpose of CSS variables (CSS Custom Properties) is to enable using a CSS value across your whole application. Previously this has been possible by using a CSS preprocessor like Sass. Unlike SCSS or LESS, CSS variables are natively supported by most modern ...