ABAB Pedia
词条广场

Meng To

Meng To 是设计师、开发者与教育者，DesignCode（Design+Code）创办人。他以结合界面设计和编程实践的课程与写作开展教学，并开发 Aura、DreamCut、ThreeUI 等设计及内容创作工具，目前在新加坡工作。

本页目录8 节
词条资料

早期自学与设计工作

Meng To 是通过自学进入行业的设计师，早期在蒙特利尔从事平面设计，后来学习网页制作并转向移动界面。他曾在不同国家的初创企业负责设计工作。⁠[1][2]

他在旧金山工作后因签证未获延续而开始旅行，并在香港工作了一段时间。旅行期间，他把此前有关 iOS 的博客经验整理成教学内容，逐步转向写作与产品创业。⁠[1][3]

2014年出版 Design+Code 与移动设计教学

2014年，Meng To 自行出版 Design+Code，将 iOS 界面设计、原型与应用实现放在同一学习流程中。课程使用 Sketch 和 Xcode，强调通过实际制作理解设计原则与代码。⁠[2][1]

同年10月，他在 Pragma Conference 讲授 iOS 设计与原型制作，并开展相关工作坊。11月发表《Designers Code Differently》，主张面向设计师的编程教学应从界面、动画及可见结果切入，促进设计与开发协作。⁠[2][4]

2018年课程扩展与团队建设

2018年7月，Meng To 回顾，第一本书支持了持续旅行，此后他回到加拿大，在蒙特利尔附近生活；第二本书扩充了内容，并帮助他组建九人团队，成员中包括从读者转为合作伙伴的人。⁠[3]

8月，他说明 Design+Code 当时依靠自筹资金运营，React 课程帮助团队避免缩减规模。他认为过度集中于 Swift 与 Sketch 会忽略其他工具及学习需求，因此需要更多依靠团队共同编写课程和开发产品。⁠[5]

2024年DreamCut 与 AI 辅助开发

10月，Meng To 介绍 DreamCut 的视频生成功能：以图像为基础，结合 Runway 与动作、环境等提示制作视频片段，再配合脚本与语音用于短视频或补充镜头。⁠[6]

11月6日，Dive Club 发布与他的访谈《How to build your ideas with AI》。节目介绍以 DreamCut 为例，讨论设计师使用 Claude 和 Cursor 将想法做成产品，以及视觉细节调整、提示设计和编码知识的作用。⁠[7]

2025年Aura 开发与迭代经验

2025年4月，Meng To 分享 Aura 的开发过程，称自己先用 AI 搭建初步页面，再到 Cursor 中逐个调整组件、布局和动画。他强调，AI 生成仍需要参考资料、审美判断和反复修改，初稿并不等于成品。⁠[8]

6月，他将 DreamCut 称为自己的第一个大型 AI 项目，回顾视频处理中的技术困难，并表示这些实践经验帮助他更快完成 Aura。他同时提到，自己仍使用 DreamCut 制作发布的视频。⁠[9]

2026年设计教育与创作工具

截至2026年9月，DesignCode 提供设计与开发课程、模板、提示词、源码和线上教学，内容延伸至 AI 辅助网页及应用制作。Meng To 在网站介绍中继续强调设计师理解代码、开发者培养设计判断的教学方向。⁠[10]

Aura 是面向落地页设计的 AI 网站工具，提供模板及组件，并支持导出 HTML 和 FigmaFigmaFigma 是由 Dylan Field 与 Evan Wallace 于2012年创办的设计软件公司，总部位于美国旧金山。其同名产品以浏览器内的界面设计、原型制作及多人协作为基础，后来扩展出 FigJam、Dev Mode、Slides、Make 和 Weave 等工具。公司于2025年7月在纽约证券交易所上市，代码为 FIG。点击查看完整词条；ThreeUI 则提供 Three.jsThree.jsThree.js 是由 Ricardo Cabello（Mr.doob）于 2010 年公开发布、由开源社区共同开发的 JavaScript 三维图形库。它为网页中的三维场景提供相机、几何体、材质、纹理、灯光和渲染等抽象，减少开发者直接编写底层图形接口代码的负担。项目以 MIT 许可证发布，官网为 threejs.org，核心代码库为 mrdoob/three.js。点击查看完整词条 组件、完整网站模板、WebGL 背景及交互着色器等视觉资源。⁠[11][12]

DreamCut 的现行产品覆盖屏幕录制、多片段剪辑、自动字幕、降噪及基于文字转录的编辑，并将 AI 生成素材与视频制作流程结合。Meng To 的个人网站同时将其列为自己正在建设的产品。⁠[13][14]

关联产品、网站与公开账号

DesignCode（Design+Code）：由 Meng To 创办的设计与开发教学平台，官网：https://designcode.io/（在新窗口打开）。⁠[14][10]

Aura：其创办的 AI 网站设计工具，官网：https://www.aura.build/（在新窗口打开）。⁠[15][11]

DreamCut：其开发的视频编辑及屏幕录制工具，官网：https://dreamcut.ai/（在新窗口打开）。⁠[14][13]

ThreeUI：其提供的 Three.js 组件、模板及交互视觉资源，官网：https://threeui.com/（在新窗口打开）。⁠[15][12]

个人网站为 https://mengto.com/（在新窗口打开），本人 X 账号为 https://x.com/MengTo（在新窗口打开）。目前个人网站将其工作地列为新加坡。⁠[14][15]

来源

  1. Maker Hunt’s AMA with Meng To from Design+Code（在新窗口打开）
  2. Meng To — Pragma Conference 2014（在新窗口打开）
  3. Meng To：从旅行写作到组建团队（在新窗口打开）
  4. Designers Code Differently（在新窗口打开）
  5. Meng To：React课程与自筹资金团队（在新窗口打开）
  6. Meng To：DreamCut 视频生成功能（在新窗口打开）
  7. Meng To — How to build your ideas with AI（在新窗口打开）
  8. Meng To：Aura 开发与设计迭代（在新窗口打开）
  9. Meng To：DreamCut 与 Aura 的开发经历（在新窗口打开）
  10. DesignCode — 官方网站（在新窗口打开）
  11. Aura — AI Website Builder（在新窗口打开）
  12. ThreeUI — 官方网站（在新窗口打开）
  13. DreamCut — 官方网站（在新窗口打开）
  14. Meng To — 个人网站（在新窗口打开）
  15. Meng To (@MengTo)（在新窗口打开）