Tulin · AI-Ready Design Specs

About this plugin

Transform your Figma frames into semantic specs, visual annotations, and multi-density assets for AI coding tools.

Generate:

• namexxx.json — semantic specs with component types, styles & tokens

• annotations.png — spacing, alignment, radius, shadow & typography

• assets/ — multi-density icons & images with automatic node mapping

In your AI coding tool, provide:

the Figma frame + namexxx.json + annotations + assets,

and require it to rebuild the UI exactly following these specs.

将 Figma 设计稿一键导出为语义规范、标注图与多密度切片，供 AI 编码工具精准还原 UI。

插件将生成：

• namexxx.json：语义规范（组件类型、样式、tokens）

• annotations.png：间距、对齐、圆角、阴影、字体标注

• assets/：多密度切片并自动关联至组件节点

在 AI 编码工具中同时提供：

设计稿 + namexxx.json + annotations + assets，

并要求其严格按规范重建 UI。