Back to Plugins
Tulin · AI-Ready Design Specs

Tulin · AI-Ready Design Specs

design2ai,figma to code, ai exporter, annotation, design2code, codegen, AI,Design Specs,

Plugin Preview

Tulin · AI-Ready Design Specs preview

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 mappingIn your AI coding tool, provide:the Figma frame + namexxx.json + annotations + assets,and require it to rebuild the UI exactly following these specs.将 Figma 设计稿一键导出为语义规范、标注图与多密度image切图,供 AI 编码工具精准还原 UI。插件将生成:• namexxx.json:语义规范(组件类型、样式、tokens)• annotations.png:间距、对齐、圆角、阴影、字体标注• assets/:多密度切图并自动关联至组件节点在 AI 编码工具中同时提供:设计稿 + namexxx.json + annotations + assets,并要求其严格按规范重建 UI。

Plugin Details

Version16
CreatedSeptember 12, 2025
Last UpdatedMarch 6, 2026
CategorySoftware development
Creator宋钊
Stats20 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    Plugin needs to call backend API at https://hs.aihanfu.com for AI inference, health checks, and user authentication. Development mode requires broader access for local testing.

  • Editor Types:
    figma
  • Allowed Domains:
    • https://hs.aihanfu.com