Flowsnip

Flowsnip 是什么？

Flowsnip 是一款专为 n8n 用户打造的 Chrome 扩展，可在 n8n 画布内保存、整理并复用工作流代码片段。它提供个人“工作流库”，让您只需捕获工作流部分一次，即可随时重新插入，而无需手动复制 JSON 或重建节点连接。

该扩展针对经常使用 n8n（包括云端或自托管部署）并希望更快复用常用节点组、配置和子流程的用户，同时保持在编辑器内操作。

主要功能

• 将选中的 n8n 节点保存为命名片段：在 n8n 画布上选择节点，通过扩展侧边栏为其添加名称、描述、标签和文件夹后保存。
• 右键从 n8n 页面捕获：在 n8n 页面使用“Save Workflow to Snipline”选项即时捕获当前工作流。
• 一键插入到活动画布：浏览您的库，选择“Insert into workflow”将片段节点直接粘贴到当前工作画布上。
• 使用文件夹和收藏组织：创建彩色文件夹（例如按团队分类，如 Engineering、Sales、Support），并将常用片段设为星标以快速访问。
• 搜索和筛选您的库：支持片段标题、描述和标签的全文本搜索，并提供紧凑列表视图或卡片视图。
• 本地存储片段：片段和文件夹存储在浏览器本地存储中，扩展声明不会将片段数据发送到外部服务器。

如何使用 Flowsnip

1. 打开 n8n 工作流（云端或自托管运行在 localhost:5678 上）。
2. 点击 n8n 工具栏中的 Flowsnip 图标。
3. 通过选择画布上的节点（可选添加名称、描述、标签和文件夹）保存您的第一个片段。
4. 稍后，打开 Flowsnip 库，选择 “Insert into workflow” 将片段节点拖放到当前画布上。

使用场景

• 跨多个工作流复用常见节点序列：保存常用节点集（含必要配置）一次，需要时插入新工作流。
• 避免复制粘贴 JSON 更快构建：使用“Insert into workflow”直接将片段节点放置到画布上，而非手动复制和连接节点。
• 按功能或团队组织：创建彩色文件夹（如 Engineering、Sales 或 Support），按使用位置分组片段库。
• 创建可搜索的工作流片段库：为片段添加标签和描述，然后通过标题、描述和标签的全文本搜索快速找到合适片段。
• 快速捕获整个工作流以备后用：右键 n8n 页面，使用“Save Workflow to Snipline”将当前工作流（或页面显示的工作流状态）存储为可复用片段。

常见问题

• 片段存储在哪里？ 扩展声明片段和文件夹存储在浏览器本地存储中。

• Flowsnip 支持 n8n 云端和自托管 n8n 吗？ 描述中提到，您可以在 n8n 云端和自托管部署（例如 localhost:5678）中打开工作流。

• 可以将片段插入回 n8n 编辑器吗？ 可以。您可以浏览库并使用“Insert into workflow”将片段节点直接粘贴到活动 n8n 画布上。

• 如何保存片段？ 您可以在 n8n 画布上选择节点并从扩展侧边栏保存，或使用右键选项“Save Workflow to Snipline”。

• 可以搜索什么？ 库支持片段标题、描述和标签的全文本搜索。

替代方案

• n8n 原生复用选项（如模板或 n8n 内复制/粘贴）：适合完全留在 n8n 内，但可能无法提供相同的画布内专用片段库体验。
• 通用工作流片段/粘贴工作流管理（独立文档 + 手动重建）：适合无需一键插入的情况，但通常需花费更多时间重新连接节点。
• 其他基于浏览器的开发者生产力工具：此类替代品可帮助一般保存和复用片段，但可能不专为 n8n 画布集成和片段插入优化。