同济大学设计创意学院课程成果丨“当下” PRESENT：Token驱动的数字设计

发布时间：2026年6月30日分类：课程设计浏览量：644

在以 Vibe Code 为代表的编程式 AI 浪潮中，语言正逐渐从表达工具转变为一种可被计算与生成的资源。基于这一背景，同济大学设计创意学院张周捷教授在2025-2026学年春季学期的《参数化设计》课程中，设置了“‘当下’ PRESENT：Token 驱动的数字设计”这一研究课题，来自各方向的20位硕士一年级同学参与其中。

课题围绕以下几个关键阶段展开：

1、Vibe Coding 在设计领域的系统性探索对相关工具进行地毯式探索与横向比较，建立从生成到应用的整体方法论；同学们在项目中广泛使用工具如下：

i.大语言模型：GPT-5、Claude Code（Sonnet / Opus）、Gemini（3.0 / 3.1 Pro）、

ii.AI开发与Agent工具：Base44、Coze、Claude Code、AI Studio、Codex、GitHub Copilot、Trae

iii.建模与设计工具：Grasshopper、Blender

iv.Web与可视化技术：Three.js、React Three Fiber、Next.js、WebGL、Vanta.js

v.渲染与展示工具：KeyShot、GLTF工作流

前端部署：Vercel、Github

在此基础上，同学们逐步形成从自然语言 → 参数解析 → 模型交互 → 前端部署 → 内容输出的完整链路，并通过多工具横向比较，建立面向设计场景的Vibe Coding方法体系；

2、本地参数化模型的云端部署路径结合Three.js与WebGL等技术，实现模型从本地到云端的迁移与协同；

3、基于Grasshopper的生成体系重构进一步延展至前端可视化与用户体验设计，强化自然语言交互在设计流程中的作用。

以上探索均得益于AI模型的快速发展，使得“对话驱动生成”成为一条可落地的设计路径，并最终指向可制造成果的实现。

课程作品精选

“参数化果盘”

作者：何雯洁

项目网站：https://www.forma2026.space/

该项目以“AI 驱动的参数化产品定制 Web 平台 FORMA”为核心，构建了一个从几何生成、语义交互到视觉渲染与内容输出的完整设计系统。用户可以通过滑块或自然语言对果盘的参数结构进行实时调节，并即时预览模型变化与最终产品级效果，实现从设计到表达的在线一体化流程。

作者：陆袁裔

项目网站：https://www.waiwaiaier.top

该项目基于 Three.js 构建网页端交互模型系统，整体开发流程结合 Gemini 与 VSCode 完成。初期在 Gemini 中接入 Three.js 模型库，并学习 GHX 参数化逻辑，通过对话方式搭建基础交互与场景结构，实现模型生成与参数调节的初步原型。同时引入 Vanta.js 优化界面视觉效果，提升整体动效与空间质感。

作者：范文煜

项目网站：http://47.103.207.233/index.php/gltf-bowl-editor/

本项目是一个基于 Three.js 的 GLTF 参数化碗形编辑器（数字果盘 3D 展示场景），采用单文件 HTML 架构（约 7100 行代码），实现了从 2D 展开图到 3D 碗形的实时参数化变形、PBR 材质切换、影棚级照明、程序化水果模型、完整家居环境展示、自然语言聊天控制等功能。

作者：王臻

项目网站：https://www.ggsdles.cn

该项目以“数字雕塑的在线生成与展示”为核心目标，构建了一个集参数化控制、语音交互与内容导出于一体的 Web 端交互系统。整体设计参考 Grasshopper 中的雕塑生成逻辑，并将其迁移至浏览器环境，通过 Three.js 实现实时三维渲染，使用户能够在网页端直接观察并调整数字雕塑的形态变化。

作者：付雨彤

项目网站：http://theunboundedvessel.shop

“参数化桌子”

作者：许熠彬

该项目以参数化设计为核心方法，将桌体结构拆解为可计算、可响应的数字模型，并构建起从自然语言到生成结果的完整链路。通过MCP打通 Grasshopper 与 Web 端界面的实时映射关系，并结合语言模型对用户意图的解析，系统能够将日常表达转译为具体的参数调整，从而驱动模型在浏览器端即时生成与更新。

作者：高瑞晨

项目网站：https://wabi-sabi-table-generator.onrender.com/

该项目是一个面向定制家具的参数化生成系统，将设计表达、AI 理解、三维预览与制造逻辑整合在同一网页中。用户可以通过文本描述、尺寸输入或手绘轮廓生成桌体方案，并在浏览器端实时调整结构参数与视觉风格，实现从“想法”到“可视化方案”的快速转译。

作者：王思尧

项目网站：https://www.parametrictable.shop/

该项目在实践中验证了一套以“设计先行”为核心的参数化系统开发方法，并结合多端适配与AI建模策略，探索了从概念到可运行产品的高效路径。在实践成果上，该项目完成了多端适配下的实时交互体验优化，并探索出一套可复用的精准模型复刻方法，使参数化设计能够在网页端实现流畅、稳定的实时反馈。

作者：常书婷

项目网站：https://www.fastfire.asia/

该项目 Resonance 是一个面向家具定制场景的参数化设计系统，尝试将 Grasshopper 的几何建模能力与 LLM 的语义理解能力整合为统一的设计交互框架。系统以桌子为核心对象，通过将 Rhino/Grasshopper 中的参数化逻辑封装为 Web 可调用的计算服务，实现模型在浏览器端的实时生成与更新。

“数字雕塑”