Back to Plugins
Base64 生成器 Base64 Generator

Base64 生成器 Base64 Generator

Base64 Generator – Easily generate and preview Base64 images

base64image convertercopy to clipboardresolution adjustment

Plugin Preview

Base64 生成器 Base64 Generator preview

About this plugin

介绍

“Base64 生成器”插件可以将选中的 Figma 元素转换为 Base64 编码的图像。您可以预览生成的图像,调整图像的分辨率,并轻松地将 Base64 编码复制到剪贴板。


功能说明

  1. 生成 Base64:将选中的任何 Figma 元素转换为 Base64 编码的图像。
  2. 预览图像:直接在插件界面查看生成的 Base64 图像。
  3. 图像分辨率:使用倍数选择器调整图像的分辨率(如:1x、2x)。
  4. 复制到剪贴板:一键复制生成的 Base64 编码。


使用方法

  1. 选择一个 Figma 元素(图像、矢量或其他图形元素)。
  2. 打开“Base64 生成器”插件。
  3. 选择图像分辨率倍数(如:1x、2x)。
  4. 点击“生成 Base64”按钮,生成 Base64 编码。
  5. 查看生成的图像并将 Base64 编码复制到剪贴板。


注意事项

  1. 仅可见的图层可以转化为 Base64,隐藏的图层将被忽略。
  2. 插件适用于图像和矢量元素。
  3. 请确保图像大小适中,以便更好地生成 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

  1. Generate Base64: Convert any selected Figma element into a Base64-encoded image.
  2. Preview Image: View the Base64 image directly in the plugin interface.
  3. Image Resolution: Adjust the image's resolution using a multiplier (e.g., 1x, 2x).
  4. Copy to Clipboard: Copy the generated Base64 code with a single click.


How to Use

  1. Select a Figma element (image, vector, or other graphic elements).
  2. Open the "Base64 Generator" plugin.
  3. Choose a resolution multiplier (1x, 2x, etc.).
  4. Click "Generate Base64" to generate the Base64 code.
  5. View the generated image and copy the Base64 code to the clipboard.


Precautions

  1. Only visible layers can be converted into Base64. Hidden layers will be ignored.
  2. The plugin is designed for images and vector elements.
  3. Ensure the image size is appropriate for better performance when generating Base64.

Plugin Details

Version1
CreatedFebruary 20, 2025
Last UpdatedFebruary 21, 2025
CategoryImport & export plugins
CreatorKingweiCheung
Stats2 installs, 0 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    dev
  • Allowed Domains:
    • none