不再为 Logo 发愁：5 分钟用 LogoLoom 完成从设计到品牌包的全流程

時光2026-06-162026-06-16

LogoLoom 是一款由 mcpware 组织开源的 AI 品牌设计工具，定位非常清晰：免费、本地、MCP 原生。它的工作流是：给它一个文字描述，它帮你生成干净的 SVG Logo，再一键导出整套品牌资产文件包——无需注册账号，无需云端 API 费用，直接在你的 AI 编程工具（Claude Code、Cursor、WorkBuddy 等）中调用。

📌 项目概览 & 统计数据

字段	信息
仓库	logoloom
作者/组织	mcpware
项目描述	AI-powered logo design → SVG → full brand kit. Free, local, MCP-native.
主语言	JavaScript
⭐ Stars	13
🍴 Forks	2
👁️ Watch	0
📄 许可证	MIT
🏷️ 标签	ai-tools, design, favicon, free, logo, logo-design, logo-generator, mcp, mcp-server, svg, svgo, vector

✨ 核心功能

🎨 文本转 SVG Logo：输入品牌名称和设计描述，AI 直接生成干净的矢量 SVG 代码，而非对位图进行描摹，路径精准、缩放无损。
📦 一键导出品牌资产包：单次命令即可产出 31 个品牌文件，涵盖多尺寸 PNG（16px 至 2048px）、ICO、WebP、Open Graph 图片（1200×630），以及一份 BRAND.md 品牌手册。
🖼️ 图片转 SVG：支持将现有的 PNG/JPEG 位图转换为可编辑 SVG，底层使用 vtracer 进行高质量矢量化。
✍️ 字体路径转换：通过 opentype.js 将字体中的文字转为独立路径，确保 Logo 在任意环境下字体渲染一致，不依赖字体文件。
⚡ SVG 优化压缩：集成 SVGO，对生成的 SVG 自动去冗余、压缩路径数据，输出文件体积最优。

🗂️ MCP 工具列表

LogoLoom 对外暴露 4 个 MCP 工具，可直接在支持 MCP 的 AI 工具中调用：

工具名	功能描述
`text_to_path`	将指定字体中的文字转换为 SVG 路径
`optimize_svg`	使用 SVGO 对 SVG 文件进行优化和压缩
`export_brand_kit`	从 SVG 导出完整品牌资产包（31 个文件）
`image_to_svg`	将位图图片转换为 SVG 矢量格式

🛠️ 技术架构

层级	技术选型	用途
MCP 服务器	Node.js / JavaScript	MCP 协议通信层
字体处理	opentype.js	字体加载 & 文字转路径
SVG 优化	SVGO	矢量文件压缩
图像处理	sharp	PNG/WebP/ICO 格式导出
位图矢量化	vtracer	图片转 SVG
协议标准	MCP（Model Context Protocol）	AI 工具接入规范

整体架构为轻量级本地 MCP Server：AI 工具通过 MCP 协议调用工具函数，工具函数在本地 Node.js 环境执行，所有文件生成均落在本地磁盘，无任何外部网络请求。

🚀 安装方式

前置要求：Node.js 18+

NPX 一键安装（推荐）

无需手动克隆，直接在 MCP 配置中添加：

{
  "mcpServers": {
    "logoloom": {
      "command": "npx",
      "args": ["-y", "@mcpware/logoloom"]
    }
  }
}

手动克隆安装

1
2
3

git clone https://github.com/mcpware/logoloom
cd logoloom
npm install

MCP 配置：

{
  "mcpServers": {
    "logoloom": {
      "command": "node",
      "args": ["/path/to/logoloom/index.js"]
    }
  }
}

💻 本地开发

# 克隆仓库
git clone https://github.com/mcpware/logoloom
cd logoloom

# 安装依赖
npm install

# 启动 MCP 服务（stdio 模式）
node index.js

# 使用 Inspector 调试 MCP 工具
npx @modelcontextprotocol/inspector node index.js

安装完成后，在 Claude / Cursor / WorkBuddy 等工具中向 AI 描述你的 Logo 需求，例如：

“请用 LogoLoom 为我的项目 ‘StarFlow’ 设计一个简洁的科技风 Logo，然后导出完整品牌包”

💡 项目亮点总结

🆓 真正的零成本：不调用任何商业 AI 图像生成 API，Logo SVG 由 AI 编写代码生成，无隐性费用，永久免费。
🔒 完全本地运行：所有处理均在本地完成，品牌设计资产不上传任何服务器，隐私有保障。
🔗 MCP 原生深度集成：专为 Claude Code、Cursor、WorkBuddy 等 AI 编程工具设计，无需切换窗口，对话即可完成设计工作流。
📐 矢量优先：输出干净 SVG 而非像素图，天然适合无限缩放，开发者直接可用于产品 UI、网站、文档。
🗂️ 品牌包开箱即用：31 个文件一次性生成，覆盖从 Favicon 到 OG 图的全部常见用途，省去反复导出的麻烦。