Oombla DocsMenuoombla.com

Figma Assets to Code

Export image assets in Figma to production-ready code

Note: The Assets section of the Export Design Tokens plugin is a legacy feature that exports any number of vector or raster nodes to code. It was the first feature of the plugin. All of the features are still accessible but they are no longer actively maintained. The plan is to integrate the assets export as part of the design token export.

The assets export supports React, Vue, Sass, and TailwindCSS (along with two experimental options for exporting for iOS and Android). What makes it unique is that the templates used to convert the assets to code can be edited. So you can tailor the code exports to your specific needs.

There is also a feature that lets you to combine related assets into a single component that renders specific assets based on props you assign. Read more about this feature in how to set up variants and explore the templates for each platform to learn how to customize them for your codebase.