fubukicss-tool
一个浏览器扩展,可以一步从Figma获取TailwindCSS/UnoCSS/CSS。
使用方法
[!重要]
3月19日,Figma在只读模式页面中移除了
window.figma
(Fubukicss扩展依赖它来正常运行)。经过我们主动沟通,Figma团队承诺在几周内重新添加window.figma
接口。在等待期间,Fubukicss无法在只读模式下正常工作。你可以使用"复制到草稿"功能在编辑模式下使用它。你可以关注这个帖子以获取最新更新。
在Chrome商店查看 fubukicss-tool 或从这里下载zip文件 fubukicss-stage
动机
由于Figma最近对开发者模式收费,限制了直接导出CSS的功能,我开发了这个浏览器扩展。
功能
- 将Figma样式导出为CSS
- 将Figma样式导出为tailwindcss / unocss
- 将Figma框架节点导出为图片
- 列出Figma颜色
开发
安装依赖
pnpm i
设置开发模式
pnpm dev
构建
pnpm build