A workspace for creative possibilities
从一个念头，
到一整个作品。
参考、想法、Prompt 和每一次迭代，放在同一张画布。
先探索，让方向慢慢长出来。
Moodboard / 机械与自然
结果与版本
![机械结构与自然意象的参考图]()
![漂浮建筑的生成结果 v01]()
![漂浮建筑的生成结果 v02]()
Prompt 草稿 · v01
A city that floats with sound, paper-like architecture, pale blue and warm yellow.
想法
机械的严谨与自然的松弛。
开放的天空。
声音参考 / 空旷的感觉
结果 / v01
已采用结果 / v02
桌面工作台预览 · 下方标签可切换关键界面
接口有类型，连线有来处。
FORMVisual studies / Architecture
Spaces that feel different.
A study in architecture, color and atmosphere.
建筑 / 色彩参考form.example · 图像
保留来源链接
已保存到画布
未命名灵感
建筑 / 色彩参考来源与标签已保留
已选择 1 张图像
Capture first. Define later.
先收集，
再决定。
一张参考图、一句话、一段声音，都能成为起点。把零碎线索留在画布上，等它们形成方向。
- 浏览器快捷采集 保留来源
- 拖拽上传素材 图像 · 视频 · 音频
- 想法自由分组 项目类型未定义
A history you can follow.
每个结果，
都有来处。
参考与想法连到 Prompt，Prompt 连到生成结果。换一个方向，也能找回上一次的选择。
- 在熟悉的工具里生成 复制 Prompt
- 结果回到对应节点 插件 · 手动导入
- 比较与采用版本 保留分支关系
16:9Cinematic2 个参考输入
版本结果 v05
生成发生在外部工具；Loom 保存输入、结果与采用关系。
From possibilities to a story.
有了方向，
再把它编成作品。
以音乐 MV 为例：让镜头跟上节拍，让替换保留叙事。模板是起点，每个镜头都可以调整。
ECHO / 未完成的梦MV
已保存
Interactive product demo
00:59 / 01:17
编排范围 00:48–01:20吸附节拍 ✓ / 100%
00:4800:5200:5601:0001:0401:0801:1201:1601:20
镜头
音乐
叙事
主歌尾段 / 孤独副歌 A / 失重副歌 B / 释放
00:59
桌面工作台预览 · 展开后可横向查看完整界面
交互预览：播放、选取镜头、切换叙事模板与替换版本。
One connected workspace.
一张画布，
连接整个创作过程。
Loom 管理上下文和关系。生成留在你熟悉的工具里，结果回到创作现场。
Product hierarchy / 01—04
工作区 → 项目 → 灵感画布 → 节点与版本
工作区 → 项目 → 画布 → 节点
采集与上传
插件 · 本地素材 · 来源
零碎想法
文字 · 声音 · Moodboard
灵感画布
连接上下文，保留选择。
外部 AI 工具
复制 Prompt → 生成 → 导回
镜头与时间轴
可选 MV 项目 · 模板 · 替换
结果导回原节点，保存版本与 Prompt 的对应关系
先留下线索
项目类型未定义。图像、文字和声音以节点存在，连线表达参考与启发关系。
Project.type = nullThe Loom design language.
轻巧的表达，
明确的秩序。
白色承载内容，浅蓝组织空间，黄色标记行动与想法。紫色只用于迭代关系。
Type / two voices, one system
Ideas connect.
灵感，有迹可循。
灵感，有迹可循。
Alexandria / EnglishNoto Sans SC / 中文
原始图标 · 延续功能记忆
导航 24px · 画布工具 36px · 展示 52px。
保留图标原比例与内部留白。
内容表面#FFFFFF / White
参考与选中#DEF1FF / Blue soft
关键行动#FFCE00 / Yellow
想法与叙事#FFF2BA / Yellow soft
迭代与分支#B29CDB / Purple
组件状态 8px radius · 40px control
图像 Prompt · v03
A quiet city at dusk, 16:9.
探索中接口命中区域 44px / 圆点 10px；颜色与数据类型对应。
界面布局
紧凑顶栏 48px / 图标栏 44px12 列 / 间距 16px / 边距 32px
Ready for your agent.
把设计语言，
交给你的 Agent。
- CSS 可直接使用的语义变量
- JSON 基础值、引用与尺寸 tokens
- RULES 组件、接口、布局与动效规则
A few things to know.
你的工具，
你的创作方式。
Loom 会替我生成图像和视频吗？
Loom 管理参考、想法、Prompt 与版本关系。生成发生在外部工具中，你可以复制 Prompt，再通过插件采集或手动上传把结果带回对应节点。
开始时必须选择 MV 项目吗？
不需要。默认进入项目类型未定义的灵感画布。先做头脑风暴或 Moodboard，确定方向后，再选择是否使用镜头与时间轴。
切换模板后，之前的素材怎么办？
素材仍在原节点与素材库中。模板用于划分叙事段落，单个镜头可以替换版本，不需要重新收集参考或丢掉已有分支。
Agent 可以复用这套设计语言吗？
可以。复制 CSS、JSON tokens 和 DESIGN.md 规则即可开始。基础颜色与尺寸来自 Loom 原稿；48px 顶栏、44px 图标栏和官网排版属于本次紧凑布局扩展。
先放下一个念头。
看看它会连接到哪里。
一张空白画布，也是一段创作的开始。