GuideGuide

GuideGuide官网

GuideGuide 是一款面向设计师与艺术家的参考线与网格插件，支持 Photoshop、Illustrator、InDesign、After Effects 和 Figma 等主流设计软件，官网地址为 guideguide.me。与软件内置的网格功能相比，它更加灵活强大：可以在画布、画板、选区等任意上下文中快速生成行列、基线网格，标记物体边缘或中点，甚至基于黄金比例、斐波那契数列创建网格。对于经常处理版式设计、栅格排版的用户来说，它能省去手动计算与逐条拉参考线的繁琐工作，让复杂的布局在几秒钟内完成。如果你在用 Sketch 或 Pixso 做界面设计，也可以把它当作参考线方案的补充思路。

GuideGuide的主要功能

1. 快速创建行列与基线网格：基于画布、画板、页面或选区一键生成列、行和基线网格，无需手动计算间距；
2. 基于任意对象布线：可以根据选中的图形、文字框等元素生成参考线，标记其边缘或中点，对齐更精准；
3. 比例网格支持：支持按宽高比、黄金比例、斐波那契等特殊比例创建网格，满足个性化排版需求；
4. 网格嵌套：可以基于已有网格再创建新网格，实现复杂的嵌套布局结构；
5. 模板保存：把常用网格参数保存为模板，下次直接调用，团队协作时也能保持规范一致；
6. 按选区清除参考线：一键清理指定范围内的参考线，告别画布上线条杂乱的烦恼。

如何使用GuideGuide

1. 打开官网，进入下载页面，选择对应软件版本（Photoshop、Illustrator、InDesign、After Effects 或 Figma）获取插件；
2. 按照官方指引完成安装，安装后在设计软件的扩展或插件面板中找到 GuideGuide；
3. 在画布中选中目标画板或对象，打开插件面板，选择需要的网格类型（列、行、基线等）；
4. 在面板中输入间距、边距、数量等参数，或直接调用保存过的模板，点击应用即可生成参考线；
5. 如需调整，修改参数后重新应用，或使用清除功能移除不需要的参考线；
6. 将满意的网格配置保存为模板，方便后续项目复用。

GuideGuide的使用场景

1. 网页与界面设计：在 Photoshop 或 Figma 中快速搭建栅格系统，也可以把同样的规范套用到 MasterGo 莫高设计 等在线工具中，保证页面布局对齐规范；
2. 平面印刷排版：在 InDesign 中创建基线网格与分栏，让多页文档的版式整洁统一；
3. 海报与画册设计：利用比例网格快速分割画面，构建有秩序感的视觉结构；
4. 品牌规范制定：把固定的网格模板通过 CoDesign 等协作工具分享给团队，确保不同设计师产出的版式风格一致。

GuideGuide：产品价格与版本

GuideGuide 是一款付费插件，官网提供定价页面说明不同软件版本与授权方式的价格，支持下载试用。它采用一次购买、持续更新的订阅式授权思路，具体费用以官网 pricing 页面实时显示为准，建议购买前先通过试用确认插件与自己的软件版本兼容。

GuideGuide的常见问题解答

GuideGuide 支持哪些设计软件？

目前支持 Photoshop、Illustrator、InDesign、After Effects 和 Figma，安装对应版本即可在插件面板中使用。

GuideGuide 生成的参考线会导出到成品文件中吗？

不会。参考线只是设计软件中的辅助元素，仅在编辑时显示，最终导出的图片或印刷文件中不会出现。

GuideGuide 可以免费使用吗？

它是付费插件，官网提供下载试用，试用确认满足需求后需购买授权继续使用，具体价格见官网定价页。

GuideGuide官网网址

GuideGuide官网入口网址：https://guideguide.me/

OpenI AI时代点评

GuideGuide 是那种”小而专”的老牌效率工具：它只解决参考线这一件事，却把网格系统的灵活性做到了设计软件内置功能难以企及的水平，尤其是基于选区布线、比例网格和模板复用，对版式密集型工作流提升明显，经常在 UI中国 等社区发布作品的设计师尤其受益。局限在于它是付费插件，且需要绑定具体设计软件，Figma 用户也要依赖其插件生态的兼容情况。在 AI 设计工具快速普及的今天，自动布局、智能栅格正在蚕食部分手动布线的需求，但凡是涉及印刷排版、品牌规范等需要精确控制的专业场景，GuideGuide 依然有稳定的价值。适合每天与版式打交道的设计师，偶尔做图的用户则可以先试用再决定。