AutoSpecs - 交互标注助手

About this plugin

Stop wasting time manually drawing redlines and typing the same interaction logic repeatedly. AutoSpecs helps interaction designers generate professional specifications instantly.

🚀 Key Features:

🎯 Smart Annotation: Select a layer and click to generate a numbered badge and a corresponding spec card automatically.

📝 Template Library: Save your frequently used interaction logic (e.g., "Tap to jump", "Form validation") as templates and reuse them with one click.

🔄 Intelligent Renumbering: Deleted a badge? Moved layers around? One-click to renumber all badges based on their spatial position or list order.

🏷️ Role Tags: Use tags like @Dev or @UI to highlight specific instructions with custom colors.

☁️ Team Sync: Sync your templates and tag configurations with your team using JSONBin (requires API key).

⚡️ Context Aware: Automatically detects Frames, Groups, or Sections to place annotations correctly without breaking your layout.

Perfect for Design Handoff and Design Systems documentation.

拒绝手动画红线！AutoSpecs 帮助交互设计师自动化生成带编号的交互文档，极大提升交付效率。

🚀 核心功能：

🎯 自动标注：选中图层一键生成带序号的圆点和说明卡片，自动吸附容器。

📝 模版库：将常用的交互逻辑（如“点击跳转”、“表单校验”）存为模版，支持分类管理，一键复用。

🔄 智能重排：删除了中间的标注点？调整了顺序？支持“按位置”或“按列表”一键重置所有编号，再也不用手动改数字。

🏷️ 职能标签：支持 @开发、@UI 等自定义标签，不同标签自动变色，信息层级更清晰。

☁️ 团队同步：支持通过 JSONBin 配置云端同步，让整个设计团队共享同一套交互规范模版。

⚡️ 智能追加：选中已有标注可直接追加描述，支持混合样式渲染。