AutoSpecs - 交互标注助手
by 李永俊
Automate interaction specs & handoff. 自动化交互标注,支持模版与团队同步。
Installs
132
Likes
10
Users
328
Views
198
Preview
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 配置云端同步,让整个设计团队共享同一套交互规范模版。⚡️ 智能追加:选中已有标注可直接追加描述,支持混合样式渲染。
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF