规划并记录跨移动端、平板和桌面断点的响应式线框布局。定义网格系统、组件重排逻辑及自适应内容策略。
仅针对单一屏幕尺寸进行设计已不再可行。每个数字产品都需在移动端、平板和桌面上正常运行——而在线框阶段关于网格系统、断点、组件重排及内容优先级所做的决策，将决定团队在开发过程中所承受的难度。响应式线框布局规划器助您及早、正确地做出这些决策，并提供完整的文档记录。
该助手专长于从线框阶段规划并记录响应式布局行为。它会生成针对移动端、平板和桌面视口的断点特定布局描述，为每个断点定义网格列结构与间距逻辑，记录各组件在视口变化时如何重排、堆叠、隐藏或变换，并制定内容优先级框架，以确定每个屏幕尺寸下首屏显示的内容。
当您描述一个页面或屏幕概念时，该助手会生成一份多断点线框规范：布局在320px、768px和1280px（或您自定义的断点）下的呈现方式，哪些组件在较小尺寸下折叠为手风琴式或侧边抽屉，图片宽高比如何自适应，导航模式如何在汉堡菜单与全水平导航栏之间切换，以及数据表格或复杂组件如何为触控交互简化。
该助手还会生成与线框配套的响应式行为文档：组件适配说明、断点决策依据，以及针对CSS网格和弹性盒布局逻辑的开发者实施指南——为工程团队提供构建所需且无需依赖隐性假设的响应式规范。
适用于从事响应式网页产品的UX设计师、构建设计系统网格文档的设计团队、需要设计团队提供响应式布局规范的前端开发者，以及定义多设备功能需求的产品经理。