AgentHubAgentHub

使用场景/设计与创意

设计类 MCP / Skill 推荐

Figma、图像生成、品牌素材。适合产品、运营、设计协作。

共匹配 2,154 个资源 · 第 35 / 45 页

什么是设计与创意?

设计类 MCP 把设计工具与图像生成能力接入 AI 工作流:Figma MCP 让 AI 读取设计稿的图层、变量与组件结构,直接生成对齐设计稿的前端代码;图像生成类 MCP 负责配图、图标与营销素材的批量产出。

典型用法:设计师在 Figma 中标注组件 → 开发者在 Cursor 中通过 Figma MCP 拉取节点信息 → AI 生成与设计系统一致的 React / Vue 代码。评审环节可以让 AI 对照设计稿截图做还原度检查。

注意版权与授权:仅处理团队有权访问的 Figma 文件;生成图片素材时确认模型的商用条款;字体与第三方素材仍需单独授权。

适合做什么

  • 设计稿评审
  • 素材批量导出
  • 品牌规范检查
  • 配图生成

不太适合

  • 未授权商用字体/素材的自动下载

相关资源

查看全部 →
配色方案生成(5 种和谐模式) icon

配色方案生成(5 种和谐模式)

MCP Serversmithery4.6k

面向 AI 智能体的配色生成 API。从任意十六进制颜色生成和谐调色板:互补、邻近、三角、分裂互补与四角配色。返回 HEX、RGB、HSL 与 CSS 自定义属性。 工具:design_generate_color_palette。 适合 UI 设计、品牌色探索,或生成成套主题色体系。返回多种可直接写入代码的格式。 返回:{palette[], scheme, hex, rgb, hsl, css}。无需 API key——在 Base L2 上以 x402 微支付,每次 0.001 美元。

streamable-http
Screenshot & PDF Capture — Full-Page Chromium Rendering icon

Screenshot & PDF Capture — Full-Page Chromium Rendering

MCP Serversmithery4.3k

Web capture API for AI agents. Take full-page screenshots (PNG/JPEG/WebP) and generate PDFs from any URL using headless Chromium. Custom viewport size, device emulation, and scroll capture. Tools: capture_screenshot (image), webpage_to_pdf (PDF). Use this for visual regression testing, documentation, archiving web pages, or generating reports. IMPORTANT: For text extraction from pages, use web_scrape_to_markdown. For custom PDF generation from data, use document_generate_pdf. Returns: base64-encoded image or PDF. No API key required — x402 micropayment $0.008/call on Base L2.

streamable-http
PII 检测器 —— 在文本中查找邮箱、SSN 与卡号 icon

PII 检测器 —— 在文本中查找邮箱、SSN 与卡号

MCP Serversmithery3.5k

面向 AI 智能体的 PII(个人可识别信息)检测 API。扫描任意文本中的敏感数据:邮箱、电话、SSN、信用卡号、IP 地址、住址与姓名,提供风险评分与可直接用于脱敏的输出。工具:compliance_detect_pii。在记录、存储或传输可能含个人数据的文本之前先用它。是 GDPR/CCPA 合规、数据清洗与隐私内建设计的必备能力。注意:网站 GDPR 合规请用 compliance_scan_gdpr。返回:{piiFound[], riskLevel, redacted}。无需 API 密钥——在 Base L2 上以 x402 微支付 $0.005/次。

streamable-http

常见问题

Figma MCP 需要什么权限?

需要 Figma 个人访问令牌(Personal Access Token)或企业 OAuth 授权,令牌只需授予文件读取范围。AgentHub 详情页标注了对应环境变量。

AI 能直接把设计稿转成代码吗?

可以读到结构并生成初版代码,但复杂交互与响应式仍需人工调整。业界普遍把它用作「设计到代码」的第一稿加速器而非最终交付。

生成图片的 MCP 会侵权吗?

取决于模型训练与输出条款。商用发布前请确认服务提供方公开的版权政策,重要素材保留人工审核环节。

配套安装与配置教程

相关场景