Back to Plugins

Base64 生成器 Base64 Generator
Base64 Generator – Easily generate and preview Base64 images
base64image convertercopy to clipboardresolution adjustment
Plugin Preview
About this plugin
介绍
“Base64 生成器”插件可以将选中的 Figma 元素转换为 Base64 编码的图像。您可以预览生成的图像,调整图像的分辨率,并轻松地将 Base64 编码复制到剪贴板。
功能说明
- 生成 Base64:将选中的任何 Figma 元素转换为 Base64 编码的图像。
- 预览图像:直接在插件界面查看生成的 Base64 图像。
- 图像分辨率:使用倍数选择器调整图像的分辨率(如:1x、2x)。
- 复制到剪贴板:一键复制生成的 Base64 编码。
使用方法
- 选择一个 Figma 元素(图像、矢量或其他图形元素)。
- 打开“Base64 生成器”插件。
- 选择图像分辨率倍数(如:1x、2x)。
- 点击“生成 Base64”按钮,生成 Base64 编码。
- 查看生成的图像并将 Base64 编码复制到剪贴板。
注意事项
- 仅可见的图层可以转化为 Base64,隐藏的图层将被忽略。
- 插件适用于图像和矢量元素。
- 请确保图像大小适中,以便更好地生成 Base64 编码并提高性能。
Introduction
The "Base64 Generator" plugin enables you to convert selected Figma elements into Base64-encoded images. You can preview the generated image, adjust its resolution, and easily copy the Base64 code to your clipboard.
Function Description
- Generate Base64: Convert any selected Figma element into a Base64-encoded image.
- Preview Image: View the Base64 image directly in the plugin interface.
- Image Resolution: Adjust the image's resolution using a multiplier (e.g., 1x, 2x).
- Copy to Clipboard: Copy the generated Base64 code with a single click.
How to Use
- Select a Figma element (image, vector, or other graphic elements).
- Open the "Base64 Generator" plugin.
- Choose a resolution multiplier (1x, 2x, etc.).
- Click "Generate Base64" to generate the Base64 code.
- View the generated image and copy the Base64 code to the clipboard.
Precautions
- Only visible layers can be converted into Base64. Hidden layers will be ignored.
- The plugin is designed for images and vector elements.
- Ensure the image size is appropriate for better performance when generating Base64.
Plugin Details
Version | 1 |
---|---|
Created | February 20, 2025 |
Last Updated | February 21, 2025 |
Category | Import & export plugins |
Creator | KingweiCheung |
Stats | 2 installs, 0 likes |
Pricing | Paid |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:dev
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.