Figma是目前最流行的UI设计工具，将Figma设计转换为CSS代码是前端开发的重要环节。本工具帮助开发者快速将Figma设计属性转换为标准CSS代码，减少手动编写的工作量。
在Figma中选中元素，右侧面板会显示所有属性。你可以手动复制颜色值、字体大小、间距等到本工具中转换。也可以使用Figma的Inspect面板直接查看CSS代码，本工具提供更完整的转换和批量处理功能。
支持：颜色（fill, stroke, hex/rgba/hsl）、字体（family, size, weight, line-height）、阴影（drop-shadow, inner-shadow）、边框（width, style, radius）、布局（width, height, padding, margin, gap, flex）、效果（blur, opacity）。
Figma的Auto Layout对应CSS的Flexbox。本工具将Auto Layout的direction转换为flex-direction，gap转换为gap，padding转换为padding，主轴对齐转换为justify-content，交叉轴对齐转换为align-items。
本工具提供标准CSS属性转换，准确率很高。但Figma和CSS在某些方面存在差异：1) Figma的绝对定位与CSS不同；2) Figma的混合模式映射不完全一致；3) 某些Figma特效无法直接用CSS实现。建议转换后进行视觉验证。
完全安全。所有转换在浏览器本地完成，不发送任何数据到服务器，不存储任何设计信息。关闭页面后数据自动清除。