Base64

About this plugin

Encode selected nodes into Base64 and get code snippets in Figma Dev mode for HTML, CSS, React.js and React Native, SVG, JSON, Data URI.

Compatible with Figma for VS Code extension.

Base64 plugin encodes the nodes to the Data URI scheme and generates the code based on the export settings. In the Figma export settings, you can apply several settings at once, for example, add the required number of resources of different formats (such as PNG, JPG, SVG, PDF), specify the scaling factor and suffix, and the plugin will automatically generate and update the code for these settings with the appropriate format and MIME type.

In the plugin settings, you can control which code snippets will be displayed in the Inspect panel, as well as show/hide comments in the code. To do this, click the Inspect settings icon > Settings in the Code section of the Inspect panel.

The Base64 plugin is also available for Penpot. You can install it from the Penpot Hub.

Donation:

You can support the development and maintenance of this plugin by donating via destream.

Creator:

Yury Zeliankouski

My other projects:

1. Glyphs plugin;
2. Change Font plugin;
3. Translation Suggestions plugin;
4. Code Block to File plugin;
5. Translate widget;
6. How many Sticky Notes? widget.