Masonry

典型使用场景

• 设计稿交付开发，在线标注切图省来回传文件
• 独立开发者做品牌海报与产品官网视觉
• 设计系统搭建：组件库与设计令牌统一多产品线视觉
• 远程团队异步协作：评论与版本历史替代来回传文件

使用流程

1. 1新建文件选画板尺寸，或套用社区模板起步
2. 2用组件与自动布局搭出页面骨架
3. 3邀请同事进文件协作评审，按评论改稿定版
4. 4用 Dev Mode 或导出功能交付切图与标注

收费模式

适合人群

• 想低成本起步的独立开发者与自由设计师
• 需要统一品牌视觉的创业团队
• 需要标注与切图规范交付的开发协作方
• 做小程序与 H5 的外包设计工作室

不适合场景

• 复杂动效与多图层对设备性能有要求，低配电脑先试用再买
• 社区模板商用前确认授权范围，别直接拿他人作品交付客户
• 大文件与多图层注意整理拆页，卡顿时及时归档旧版本
• 免费档对项目数与协作者有限制，正式项目先算容量

同类对比

• vs Figma

  同属UI 设计：Masonry的定位是「AI智能生成设计创意布局，辅助设计师完成设计工作」，Figma则是「浏览器端协同 UI 设计工具，多人实时编辑与组件系统」

  Figma的Windows、macOS支持是本站没有的

• vs Adobe

  两者都做UI 设计，官方口径不同：Masonry「AI智能生成设计创意布局，辅助设计师完成设计工作」，Adobe「提供创意设计、PDF处理、视频剪辑等各类数字创作工具与服务」

  两边都支持网页版，设备兼容上没有取舍

• vs LogoTeddy

  先看定位——LogoTeddy主打「AI驱动工具，将静态Logo转换为动态Logo」，Masonry偏向「AI智能生成设计创意布局，辅助设计师完成设计工作」

  平台支持一致（网页版），平台不构成差异

• vs Landscape Design AI

  Masonry与Landscape Design AI的简介对比：「AI智能生成设计创意布局，辅助设计师完成设计工作」对「免费AI工具，将庭院照片秒变为逼真设计方案」

  平台支持一致（网页版），平台不构成差异

安全提示

• 请认准官网域名 https://masonry.so，警惕高仿钓鱼网站与假冒客服。
• 涉及付费、实名或下载安装时，请仔细阅读官方授权提示与隐私条款。
• 重要资料建议定期本地备份，避免完全依赖单一在线工具存储。
• 如发现页面异常或风险，可通过上方「报告问题」反馈，新办公导航会核实并更新信息。