Media
3 items
Description
一键开启PM专用上帝视角：所见即所得地编辑页面样式和内容，快速输出交互草稿示意 产品经理必备工具：像编辑 Word 一样直接修改网页文案、样式与布局。支持拖拽排版、精准控制间距、一键清理元素并截图，无需代码即可快速制作高保真交互示意图。 🚀 告别繁琐的截图修图，让交互沟通“所见即所得”！ 🗓更新记录 V1.0 支持文案、样式、拖转、清除、截图的基础编辑功能 V2.0 支持 Ctrl+Z 撤销操作；支持 ESC 退出编辑模式；支持组件库，采集已有组件并使用到任意页面，可自由排列组合UI 元素（不再是仅编辑现有元素啦！） 🌟 编辑模式 1. 📝 文案编辑模式 (Text Editing) 开启后，网页直接变身“文档编辑器”。点击任意文字即可修改内容，实时预览文案长短对布局的影响，快速验证文案方案。 2. 🎨 样式精准微调 (Visual Style Editor) 无需打开开发者工具（F12），点击元素即可唤起可视化面板： 尺寸与布局： 精确调整宽、高，支持 px 或 %。 间距控制： 轻松调整外边距 (Margin) 和内边距 (Padding)，优化呼吸感。 外观设计： 一键修改字体颜色、背景色、圆角大小和字号。 面板拖拽： 属性面板可随意拖动，绝不遮挡视线。 3. ✋ 自由拖拽布局 (Free Drag & Drop) 打破标准文档流限制！开启拖拽模式后，按住任意元素（图片、按钮、标题）即可在页面上随意摆放。想把 Banner 换个位置？直接拖过去就行。 4. 🧹 元素清理模式 (Element Cleaner) 像橡皮擦一样，点击页面上多余的广告、弹窗或干扰信息即可将其“变没”。为你提供最纯净的截图环境。 5. 🔧 极简悬浮工具栏 (Floating Sidebar) 所有功能集成在屏幕右侧的悬浮侧边栏，操作触手可及。 最小化模式： 支持一键收起侧边栏，化身为一枚精致的悬浮按钮，随时待命，不遮挡页面浏览。 6. 📸 一键交互截图 (Instant Screenshot) 调整满意后，直接点击插件截图按钮，生成当前视窗的高清交互示意图，无缝对接需求文档（PRD）。 🎯 适用人群 产品经理 (PM)： 快速制作需求示意图，验证文案与布局。 UI/UX 设计师： 在真实运行的代码环境中微调视觉细节（走查）。 前端开发/测试： 快速定位样式问题或模拟极端数据展示。 演示人员： 在 Demo 演示时屏蔽敏感信息或修改特定数据。 🔒 隐私安全 本插件仅在您的本地浏览器中运行，修改效果仅对当前页面生效（刷新后恢复），不会修改服务器数据，也不会收集任何用户隐私信息，请放心使用。