@LinusEkenstam: 新教程 使用Figma Weave从预览到渲染 让我们看看如何通过创建渲染版...使你的内容脱颖而出

✨ 新教程 ✨

🔮 使用 Figma Weave 实现从预览到渲染的动画流程

👀 来看看如何用几分钟的时间，为你预可视化的动画制作精细渲染版本，让你的内容脱颖而出

🪄 这不是什么黑暗魔法，我保证

🧵 一起来看吧 👇 https://t.co/RxcfllD26K

新教程

使用 Figma Weave 从预览到渲染

来看看如何在几分钟内为你的预可视化动画创建渲染版本，让你的内容更出彩

这绝不是黑魔法，我保证

我们开始吧

首先，打开 @figmaweave 并创建一个空白项目。

在文档中添加一张参考图片，用来设定我们想要的风格。

我们需要添加一个节点，用来描述我们上传的任何内容，这样这个 Weave 流程将来就能处理任意图片输入。

Weave 内置了“图片描述节点“，你可以在设置中选择不同的 LLM，这里我们选 GPT-5-chat。

如果你对输出格式等有更具体的要求，也可以在指令中写明。

当前指令是： “只描述风格，不要描述主体、地点、物体。不要加前缀。”

接着，我们输入预渲染的视觉素材——这里只是我们在 Figma Design 里做的一个非常粗糙的单色块渲染。

把它拖到 Figma Weave 中，并添加图片控制节点。

这里我们使用 Mystic 节点，因为它支持风格图片和控制图片。

在 Mystic 节点中传入：

1. 我们的描述提示词
2. 风格图片
3. 控制图片

运行该节点，看看结果。👌

现在试试让它动起来。

这一步需要视频节点，我们试试新的 Seedance 2.0 Mini Reference。需要两个参考选项，只需点击“添加参考“小按钮，直到出现两个节点连接器。

添加：

1. 我们的输出图片
2. 我们的参考动画

这是最初的预可视化动画作为上下文。

来看看渲染后的视频效果如何。

我们可以使用 Weave 中的对比节点，同时查看参考动画和渲染输出。

如果对输出满意，可以切换为 Seedance 2.0（而非 Mini）来提高质量，或者使用视频升频器。

这里可以看到不同输出效果，逐一展示。

你还可以做一些有趣的事，比如将动画的运动传递到另一组对象上。

虽然控制力度不同，但能得到意想不到的效果。

额外小技巧：你还可以用 Figma 中制作的静态图片来描述动画，超级简单。

只需使用你的输入图片加上简单的提示词：

“A static looping playful animation, using the 3 primitives. Viewport is locked. Animation should be bouncy and looping.”

就是这样，希望你喜欢。

完整工作流在这里： https://app.weavy.ai/flow/ZM5vGDiBlWUNLGffrpei7w…

感谢 @figma 的这次合作。

#Figmapartner #ad

喜欢吗？

关注 @linusekenstam 获取更多AI新闻与教程！

请点赞、转发、收藏主推文，这对我持续创作这类内容很有帮助。

谢谢，你也可以访问这个文件。