▨ 线框图&原型图 Figma 插件

Web Behavior Preview｜预览网页滚动与吸附行为

by frostmade

Web Behavior Preview 将 Figma 单个页面变成可滚动的网页预览，读取已有原型交互，并支持顶部、底部与侧栏吸附。可导出自包含 HTML，方便向客户和开发者演示滚动行为。

FlowChart AI｜AI流程图

by Person space

1.描述流程，AI 自动生成流程图 2.支持多种 LLM（豆包/智谱/Claude/GPT/Gemini） 3.计划模式：和 AI 讨论流程方案 4.执行模式：一键生成 Figma 流程图 5.支持对已有 Frame 二次编辑

Wireframe Generator丨线框

by Matheus Duarte

这是一款用于快速生成 Wireframe 线框图的 Figma 插件。你只需要选择需要的界面选项并点击生成，插件就会自动创建对应的线框页面，适合前期页面结构探索和快速原型搭建。

Blocks - Wireframe丨线框图

by Hexa

Blocks 是一套用于快速搭建低保真 Wireframe 的 Figma 组件库。它内置约 50 个常用线框组件，可以直接拖拽到画布中使用，适合产品早期结构探索、团队协作和从低保真逐步推进到高保真设计。

Higherframer丨线框图

by Joe Fajnor

这是一款可以把高保真界面快速转换成 Wireframe 的 Figma 插件。适合在做功能评审、方案讨论或已有产品改版时，先弱化视觉细节，让团队把注意力放回页面结构、信息层级和交互逻辑。

Wireframer丨线框设计

by Jim Raptis

Wireframer 是一款用于生成线框风格占位文字的插件。它可以为高保真界面或快速草图生成风格化的 SVG 占位内容，让 Wireframe 看起来更有设计感，也能用于一些更实验性的视觉表达，比如等距插画场景。

Wireframe Designer丨原型图

by Chenmu Wu

这是一款用于在 Figma 中快速生成 Mobile、Desktop 和 Mindmap Wireframe 的 AI 工具。

Ink Wireframe丨线框图

by Nitish Khagwal

Ink Wireframe 是一款用于在 Figma 中快速搭建低保真 Wireframe 的插件。它提供大量现成组件和变体，可以直接拖拽到画布中使用，适合产品早期头脑风暴、用户流程设计和快速原型迭代。

Wire Box丨线框图

by Seán Halpin

Wire Box 是一款可以把高保真设计快速转换回低保真 Wireframe 的 Figma 插件。它适合在已有 UI 基础上重新讨论 UX，让团队暂时忽略颜色、样式等视觉细节，把注意力放回页面结构、流程和交互。