type
status
date
slug
summary
tags
category
icon
password
想象一个无限大的白板，你可以在上面随意记笔记、画图和写想法。只要你说一句话，比如"帮我总结"或"整理图标"，AI就会帮你完成这些工作。这不只是普通的电子白板，而是一个智能助手。它特别适合做设计、规划方案、发挥创意和集体讨论。Infinite Canvas把AI融入到你的工作空间中，让你可以更自由、更轻松地完成工作。
Figma 通过 Infinite Canvas 模式让 AI 融入创作流程，这是一个典型的“AI in old UI + Spatial exploration”结合案例。Figma 将 AI 深度嵌入“无限画布”中，实现了对设计元素的智能识别、替换与生成，用户无需跳出设计流程即可直接与 AI 协作。
入口触点（Entry Touch Points）
- 用户在任意画布对象上右键，或点击底部 AI 操作栏触发“AI 替换内容”功能
- 操作入口不打断用户流，像“图层操作”一样自然可见
- 该入口类似 AI 以“助手”的身份随时待命，介入时机高度灵活
AI 交互界面（Main AI-UX Interaction）
- 用户框选页面区域（如食谱表格），点击“Replace content”，即可触发 AI 协作
- AI 读取当前上下文结构并补全内容（如自动补齐食谱表格）
- 操作基于空间感知 —— AI 并非替换整段文本，而是“在区域内填充结构化内容”
- 下方工具栏保留所有原生编辑功能，AI 输出后仍可进行视觉微调或回退
加载状态（Loading State）
- 状态栏显示“正在替换”，AI 运算时保留原始结构轮廓
- 黄色高亮显示当前处理区域，用户随时了解 AI 工作的“范围”和“进度”
- 透明过渡效果强调 AI 作为“协作者”，而非“接管者”
输出示例（Example Output）
- AI 自动生成多行表格内容，包括材料、单位、数量等字段
- 输出结果直接保留在原始区域中，用户无需复制粘贴或重新排版
- 底部提供反馈操作：“How does this look?” + 按钮 Make changes
- 支持“一键确认 / 一键替换”操作
用户反馈（User Feedback）
- AI 生成后，弹出提示“Done! How does this look?”
- 用户可以点击 Make changes 回退或微调，也可直接确认
- 类似设计协作里的“建议采纳”机制，符合团队协作语境
个性化设置（Customization）
- 可在右下角选择 AI 输出样式：字体、颜色、字号、填充风格等
- 支持拖拽式的样式调整，提升控制感
- 明确区分“结构生成”与“样式控制”，两者并行不冲突
专业逻辑亮点
- 空间语境识别能力：AI 不只懂文本，而是识别“视觉 + 布局 + 功能”的组合区域。
- 非线性交互设计：整个流程不打断视觉编辑，AI 像“贴在画布上的智能标签”随时调动。
- 保持设计语言一致性：AI 输出遵循原有页面风格，用户无需手动统一格式。
- AI = 帮你做，而不是替你做：所有生成内容都支持撤回、编辑、个性化微调，强调协作感而非控制感。
ldraw 将语言转化为空间操作，实现 AI on canvas 的直接控制。这是一个极具实验性的 AI-UX 模式，让 AI 与“画布”本身进行对话。tldraw 没有构建复杂的 AI 面板，而是将语言输入直接嵌入到“画布”的一部分，使之成为空间交互的一环。
入口触点（Entry Touch Points）
- 用户无需进入任何对话框，只需在画布上点击语音按钮或输入栏，即可直接输入指令
- 输入区域就是画布组件之一，始终可视，不打断绘图体验
- 在这个 UI 中，“画布 = 输入设备”，“图形 = 数据对象”
AI 交互界面（Main AI-UX Interaction）
- 用户输入自然语言指令，例如 “Arrange the rectangles along the curved line”
- 无需选择目标、确认区域或点击确认，系统即刻识别画布中对象与意图
- AI 自动将底部一排矩形，排列到用户画出的弯曲曲线上
- 动作过程无需弹窗、选项或多轮确认，是一种“即时命中”的语义交互模式
加载状态（Loading State）
- 无需显式加载动画，用户发出指令后结果即刻可见
- 默认使用最小化“等待”机制，保持对画布流畅性的尊重
- 高级用户可快速连发多个指令，实现连续操作
输出示例（Example Output）
- 指令完成后，矩形对象立即围绕弯曲线分布
- 整个布局保持流畅、精确、视觉反馈明确
- 用户可以立刻基于这个结果做后续调整（如手动微调、加样式）
专业逻辑亮点
- 语言即 UI 操作的桥梁：自然语言直接控制“空间上的对象排列”。
- 零跳出，零干扰：没有切换模式、弹窗、AI 面板，一切都在原位完成。
- 视觉输入即上下文：AI 自动识别当前画布状态作为语义背景，无需再选中对象。
- 语义驱动空间运算：不仅仅是生成文本或图片，而是做“几何动作”、“空间安排”，让 AI 具备类似 CAD 操作能力。
- Author:GrowGoodGalaxy
- URL:https://growgoodgalaxy.vercel.app/article/25d2174f-6f34-804a-979b-c2b25dbf83eb
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
