Back to Plugins

变量工具
进行变量的导出和导入
Plugin Preview
About this plugin
核心功能:CSS导入与导出双向支持
CSS导出功能:可将Figma设计文件中的样式(如颜色、字体、间距、阴影等)转换为标准化的CSS代码,支持内联样式、CSS类或CSS变量等多种输出格式,方便开发者直接复用设计样式1。
CSS导入功能:允许用户输入CSS代码或上传CSS文件,插件将自动解析代码并在Figma中生成对应的设计元素(如文本样式、形状填充、边框效果等),快速将开发规范转化为设计资产1。
批量处理与自定义配置:支持对多个图层或组件进行批量样式导入/导出,并可自定义代码命名规范(如kebab-case、snake_case)、单位(px/rem)或前缀,适配不同项目的开发需求5。
Plugin Details
| Version | 7 |
|---|---|
| Created | September 2, 2025 |
| Last Updated | October 9, 2025 |
| Category | Import & export plugins |
| Creator | 张健 |
| Stats | 11 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML