Frameworks

HTML

By default, the plugin converts your design into HTML with CSS. In the settings, you can customize output options to align the code with your requirements.

React

Opting for this setting allows you to generate a functional React component. If you've defined component properties within Figma, they will seamlessly integrate into the generated React component. This option streamlines the process of creating a functional and dynamic React component based on your design.

Vue

Choosing Vue enables the creation of a Vue 3 component, generated from your selection as a single-file component. The generated CSS will be inside the .vue file as well, so you will need to scroll to explore it.

Svelte

Opting for Svelte generates a Svelte component directly from your selection. Similar to Vue a single component file will be generated including JavaScript, a HTML template and CSS.

Angular

If you choose Angular, you will get a HTML template and a TypeScript component file, as well as a CSS file.