用途：线框图与原型用于连接想法与实现，让团队在投入开发前测试概念、获取反馈并迭代设计，适用于早期概念验证、需求方对齐、用户测试、开发者交付、功能探索、UX 问题解决和快速迭代。
主要能力：按保真度分为三层。低保证真度（草图）使用纸、白板、Balsamiq，约 30 分钟至 2 小时，仅含基础布局、无颜色字体，适合头脑风暴与探索，成本免费。中保真度使用 Figma、Sketch、Adobe XD，约 2 至 8 小时，包含布局、内容和基础交互，适合团队对齐与反馈，成本低。高保真度使用 Figma、Framer 及 Web 开发工具，8 小时以上，包含视觉设计、交互和动画，适合开发者交付与用户测试，成本中等。参考指南还覆盖原型工具与技术、线框示例、原型测试。
使用方式：资料给出的是线框原则与组件说明，未提供完整可运行代码，具体实现需参见 references/ 目录中的参考指南。
限制与注意事项：最佳实践建议从低保真草图开始、尽早且频繁获取反馈、用真实用户测试、基于反馈迭代、使用一致的网格与间距、记录交互流程、包含空状态与错误等边缘情况、采用移动优先、共享原型以便协作并保持线框简单聚焦。应避免直接跳到高保真、在验证前过度设计、忽略移动端与响应式、脱离用户输入做线框、不定义交互、线框过度详细、只找团队成员测试、忽略无障碍、过早锁定设计以及设计不真实的用户流程。具体工具的收费与价格信息暂未提供。