Back to Plugins
变量工具

变量工具

进行变量的导出和导入

Plugin Preview

变量工具 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

Version7
CreatedSeptember 2, 2025
Last UpdatedOctober 9, 2025
CategoryImport & export plugins
Creator张健
Stats11 installs, 0 likes
PricingFree

Technical Details

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