Figma 导出工具

Tracking since Apr 4, 2026.

Changelog

• Apr 17, 2026
  description

  > 🎨 A powerful browser extension that supercharges your Figma export workflow — export SVG / WebP / CSS / UnoCSS with one click, and optionally upload to any S3-compatible or FormData endpoint.
  
  ## ✨ Features
  
  - **Multi-format export** — Export selected Figma layers as **SVG**, **WebP**, **CSS**, or **UnoCSS** in a single operation
  - **Real-time selection panel** — Floating panel that follows your Figma selection and displays CSS / UnoCSS code instantly (draggable, position synced across tabs)
  - **Flexible upload** — Upload exported assets via:
    - **FormData** — POST to any HTTP endpoint with custom fields & template variables (`{{filename}}`, `{{filesize}}`, `{{uuid}}`)
    - **OSS (S3-compatible)** — Direct PutObject upload to AWS S3, Alibaba OSS, Cloudflare R2, MinIO, etc.
  - **Auto Icon** — One-click SVG icon registration through a configurable API
  - **SVG auto `currentColor`** — Automatically replace the fill/stroke color in mono-color SVGs with `currentColor`
  - **CSS unit conversion** — Convert `px` to `rem` with a configurable root font size
  - **High-DPI export** — Configurable export scale (up to 4×) with PNG → WebP compression via `@jsquash`
  - **Clipboard integration** — All exported code / URLs are copied to clipboard for instant use

  🚀Source Code
  https://github.com/powerfulyang/figma-export
  
  😁Auto Icon Plugin
  https://github.com/powerfulyang/figma-export-plugin
  
  ✨ Features
  
  - **Multi-format export** — Export selected Figma layers as **SVG**, **WebP**, **CSS**, or **UnoCSS** in a single operation
  - **Real-time selection panel** — Floating panel that follows your Figma selection and displays CSS / UnoCSS code instantly (draggable, position synced across tabs)
  - **Flexible upload** — Upload exported assets via:
    - **FormData** — POST to any HTTP endpoint with custom fields & template variables (`{{filename}}`, `{{filesize}}`, `{{uuid}}`)
    - **OSS (S3-compatible)** — Direct PutObject upload to AWS S3, Alibaba OSS, Cloudflare R2, MinIO, etc.
  - **Auto Icon** — One-click SVG icon registration through a configurable API
  - **SVG auto `currentColor`** — Automatically replace the fill/stroke color in mono-color SVGs with `currentColor`
  - **CSS unit conversion** — Convert `px` to `rem` with a configurable root font size

• Apr 17, 2026
  short_description

  A chrome extension for figma export

  一款强大的 Figma 设计导出工具，支持导出 SVG、WebP、CSS 和 UnoCSS，自动提取选中元素的样式，并提供文件上传和图标自动生成功能。

• Apr 17, 2026
  name

  figma-export

  Figma 导出工具

Permissions & access

Permissions

storagedeclarativeNetRequest

Host access

https://www.figma.com/design/*

Screenshots

Similar extensions

Alternatives to Figma 导出工具, ranked by description similarity.

SVG to Icon

Convert SVG to various icon sizes

19

Figma Flow: Color Clipper

Pick colors from any site and paste them as vector blocks directly into Figma.

2

Overlayly - Pixel Perfect Design Comparison

Overlay design screenshots on websites for pixel-perfect development. Free and open source.

97

Color Stack

🎨 Instantly page color analyze. Advanced filtering, smart sorting, supports one-click export to Figma.

75

★ 5.0

SVG Collector

Collect and display SVGs from the current page

213

★ 1.0

SVG Copy Extension

Copy SVG elements with a single click when hovering over them

15

Design Overlay Tool

Overlay design mockups on web pages for pixel-perfect implementation verification

32

★ 5.0

SVG Tools

A powerful toolkit for working with SVG images - scan, extract, convert, optimize and edit SVGs on any webpage

91

★ 5.0