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.