Wiki 知识库

全部文档 / 作者: Alex / 标签: 可编程图形

1 篇
清除

如何在 Claude 中构建可编程图形(从 0 到 1)

Relate Studio 联合创始人 Alex 的教程,讲解如何利用 Claude 从 Figma 手绘草图生成自定义精美图形动画。流程包括:收集参考(如 Stripe 官网)、用自然语言提示词让 Claude 生成 three.js 粒子动画代码、在 Figma 中绘制图形并导出 SVG 交给 Claude 分析重建、通过截图反馈迭代修复 bug、将代码适配到 Webflow 等框架并调整参数、优化过渡平滑度,最终无需前端工程知识即可规模化构建整套动画效果。

技术 › Claude Alex 2026-08-257.4 KB 82.5K 252 68