Figma 到 Linear:无需复制粘贴,打通设计与开发
如何通过原生嵌入、Figma 插件和工作流模式将 Figma 与 Linear 集成,让设计与工程保持同步。
By Ellis Keane · 2026-03-15
在过去一年里,从设计到工程的交付流程逐渐演变成一种职场剧。设计师在 Figma 中完成一个组件,留下三条措辞谨慎的评论,把链接粘贴到 Slack 并 @ 负责开发的工程师。工程师两天后打开链接,读了三条评论中的两条,遗漏了一个变体,交付出来的东西差不多能用––直到 QA 才有人发现问题。
如果你经历过这种特定风格的误沟通(我经历过,不止一次),你早就知道解决方案不是"更好的沟通",而是连接工具,让上下文随工作一起流转。以下是如何将 Figma 与 Linear 集成––原生嵌入、插件,以及真正让这一连接发挥价值的三种工作流模式。
Linear 的 Figma 集成实际能做什么
Linear 支持 Figma 嵌入 已有一段时间,基础功能相当扎实。将 Figma URL 粘贴到任何 issue 的描述或评论中,Linear 就会生成设计的嵌入式预览。这些预览默认是静态的––Linear 在嵌入时将其冻结以保留上下文,这是一个有意的设计选择。你可以在编辑模式下手动刷新,但设计不会在你不知情的情况下自动更新。
你也可以将 Figma 链接作为 issue 附件添加,这样它们就被整齐地整理在侧边栏,而不是埋没在评论线程中––那个线程到周四必然会涨到四十条消息。
figma linear 集成不会做的事情是任何双向操作。Linear 能看到 Figma,但 Figma 看不到 Linear。评论停留在被写下的地方。状态变化不会传播。如果工程师在 Linear 中将某个 issue 标记为"已完成",Figma 中的人不会知道––除非有人告诉他们,而实际上这意味着 Figma 中的人不会知道。
如何将 Figma 与 Linear 集成:步骤详解
设置过程很简单(谢天谢地––不是所有事情都需要十二步 OAuth 流程!)。
第一步:启用集成
进入 Linear workspace 设置,然后选择 Integrations。在列表中找到 Figma,点击 Enable。系统会将你重定向到 Figma 进行授权。授予访问权限,管理员端的工作就完成了。
第二步:将框架链接到 Issue
启用后,将任何 Figma URL 粘贴到 Linear issue 中都会生成嵌入式预览。为获得最佳效果:
- 链接特定框架,而非整个文件。指向
figma.com/file/abc123?node-id=42:1337 的链接会显示相关组件。指向 figma.com/file/abc123 的链接会显示 Figma 认为是默认视图的内容,通常不是你想要的。
- 在 issue 描述中放置主要设计参考。评论适合用于迭代,但描述才是工程师领取 issue 时第一个阅读的地方。
- 在 issue 进入 sprint 之前添加 Figma 链接。 这听起来显而易见,但我真的很惊讶,设计上下文经常是在工程师已经花了二十分钟寻找之后才被添加上去。
第三步:安装 Figma 插件
Figma 有一个 Linear 插件,允许设计师直接从画布创建和更新 Linear issue。选择一个框架,打开插件,填写 issue 标题和团队,它会创建预先附加好 Figma 链接的 issue。该插件还支持在不离开 Figma 的情况下更新 issue 状态和指派人。
这将设计到开发的交付流程从"工程师去寻找设计"翻转为"设计师将设计发送给工程"。根据我们团队的经验,这一个变化将"这个功能的设计在哪里?"的 Slack 消息减少了大约一半。相信我,光是这一点就值得花五分钟来设置!
原生集成的不足之处
我不想贬低 Linear 和 Figma 所构建的东西––对于轻量级连接来说,它很有用。但有些差距值得点明,因为假装它们不存在会在三个月后引发"我们有集成,为什么没有东西同步?"的对话。
评论不会跨工具传递。 如果设计师在 Figma 中留下反馈,工程师在 Linear 中回复,双方都看不到对方的回复,除非手动检查两个工具。根据我们的经验,这个评论孤岛是大多数设计–开发误沟通的根源––不是因为规格不好,而是因为对话同时在两个地方发生。
状态是单向的。 Linear 中某个 issue 移动到"进行中"不会在 Figma 中更新任何内容。设计师必须查看 Linear(或者更实际地说,在 Slack 上询问)才能知道他们的设计是否正在被开发。
没有变更通知。 当设计师更新与 Linear issue 关联的框架时,被分配到该 issue 的工程师不会在 Linear 中收到任何提醒。由于预览默认是静态的,工程师可能正在基于已经修改过的设计版本进行开发。除非有人手动刷新嵌入或在 Slack 上提及,否则更新是不可见的。
弥合差距的工作流模式
嵌入解决了参考问题。这三种模式解决了协调问题––正是它们决定了你的 figma linear 集成是否真正改善了交付,还是只增加了另一个没人维护的工具连接。
模式一:设计就绪的 Issue
在设计 issue 进入 sprint backlog 之前,需要在 Linear 中附加三样东西:
- Figma 框架链接(具体框架,不是文件)
- 设计说明,总结自上次迭代以来发生了什么变化(因为嵌入式预览显示当前状态,而不是新增内容)
- 验收标准,具体引用设计––"与 Figma 框架匹配"不是验收标准。"在卡片标题和副标题之间使用 8px 间距 token"才是。
每个 issue 多几分钟的设计师准备时间。回报是工程师无需先进行 Slack 考古就能开始开发。
模式二:设计评审标签
创建一个自定义 Linear 标签––比如"需要设计评审"––并在 issue 开发完成但需要设计师验证实现时应用它。诀窍(我意识到这听起来痛苦地显而易见)是让它成为 issue 生命周期模板的一部分,这样当 issue 进入"评审中"时就会自动触发。我是从经验中说这句话的––我们就创建了这个标签,认真使用了两个 sprint,然后因为没人将其模板化而悄悄停止使用。还记得文章开头那个遗漏了变体并交付了"差不多能用"东西的工程师吗?那就是缺失的设计评审标签。
模式三:Figma 区段作为 Sprint 地图
对于较大的项目,将一个 Figma 区段或页面专门用于当前 sprint 的设计。每个框架精确对应一个 Linear issue。将框架命名为与 issue 标识符匹配的名称––ENG-142 – Card Component Redesign––这样工程师就能找到正确的框架,而无需在四十个命名为"Frame 247"的画板中滚动。
让这些习惯持续下去
我见过成功做到这一点的团队有几个共同特征:设计师在 issue 进入 sprint 之前链接框架(而不是等到工程师抱怨之后),工程师在将 issue 标记为完成之前应用评审标签(而不是事后补加),没有人把 Slack 当作设计决策的记录系统。
最后那一点比任何集成都重要,如果你曾经花十五分钟搜索"我们决定更改圆角的那条消息",你就完全明白我的意思。Slack 是设计对话发生的地方,也是它们消失的地方。如果某个设计决策是在讨论串里做出的,有人需要更新 Figma 文件或 Linear issue––否则三周后它就消失了,被淹没在部署警报和午餐计划之下。
"如果某个设计决策是在讨论串里做出的,有人需要更新 Figma 文件或 Linear issue––否则三周后它就消失了,被淹没在部署警报和午餐计划之下。" – Chris Calo
原生 Figma-Linear 集成能很好地处理嵌入和参考。对于双向可见性––评论、状态、变更通知––你需要人工自律,或者一个能自动在两个工具之间连接上下文的层。
而如果你连接的不只是 Figma 和 Linear––还把 Slack、GitHub 和 Notion 加入进来––手动保持一切同步的开销会迅速叠加。这是另一个值得讨论的话题,但值得在下一次"是谁修改了这个设计,为什么没人告诉我?"的复盘会之前先聊一聊。
将 Figma、Linear、Slack 和 GitHub 连接到一个知识图谱––让设计上下文随工作一起流转。
Q: Sugarbug 能自动连接 Figma 和 Linear 吗? A: 可以。Sugarbug 从 Figma 和 Linear 接收信号,将设计评论和文件更新与知识图谱中的 issue 状态变化相关联。当设计师在某个框架上留下反馈时,Sugarbug 可以无需任何人复制 URL 就将其显示在相关 Linear issue 旁边。
Q: Sugarbug 能跨 Figma、Linear 和 Slack 追踪设计交付吗? A: Sugarbug 将 Figma、Linear、Slack、GitHub 和 Notion 连接到单个知识图谱中。设计反馈、工程讨论和任务状态始终保持关联––因此在交付过程中不会丢失上下文。
Q: Linear 有内置的 Figma 集成吗? A: 有。Linear 的原生 Figma 集成允许您将 Figma URL 粘贴到 issue 中以创建嵌入式预览,并使用 Figma 插件 从画布创建或更新 issue。但它是单向的––评论和状态变化不会在工具之间同步。
Q: 如何将 Figma 框架链接到 Linear issue? A: 将 Figma 框架 URL 粘贴到 Linear issue 的描述或评论中。Linear 会生成嵌入式预览。您也可以使用 Linear 的 Figma 插件直接从画布创建 issue,链接会预先附加好。
Q: 为什么 Figma 评论不出现在 Linear 中? A: Linear 的原生 Figma 集成嵌入设计预览,但不在工具之间同步评论。设计师的 Figma 评论和工程师的 Linear 评论存在于独立的信息孤岛中。Sugarbug 等工具通过从两者接收信号并在共享知识图谱中关联它们来弥合这一差距。