makecindy / makecindy/cindy

希望 Cindy 原生支持 Figma 官方 MCP 与 OAuth 授权

Open
#570 1 comment 0 reactions 0 assignees View on GitHub
feature
Dominant language
TypeScript
Stars
2.7k
Forks
401
Avg merge
21h 48m
Merged PRs (30d)
776

Description

**提交人**: 四酱
**客户端版本**: 0.1.14

---

## 使用场景

设计研发协作中,需要直接把 Figma 文件或节点链接交给 Cindy 内的 Claude Code / Codex,让 Agent 读取设计稿结构、组件、变量、样式和截图,并据此完成设计还原、组件开发及设计审查。

目前 Figma MCP 是高频且紧急的工作需求。虽然理论上可以通过项目 `.mcp.json` 手动配置远程 MCP,但普通用户不容易确认 Cindy 是否已正确加载配置,也缺少清晰的授权状态、连接诊断和跨项目复用能力。

## 诉求

希望 Cindy 原生支持 Figma 官方 MCP:

- 在 MCP 或插件设置中内置 Figma 连接入口;
- 支持 Figma 官方远程 MCP 地址及 OAuth 登录授权;
- 授权一次后,可供 Cindy 中的 Claude Code / Codex 会话使用;
- 清晰显示连接、授权、权限和错误状态;
- 支持粘贴 Figma 文件、页面或节点链接后直接调用;
- 最好支持按全局或项目范围启用,避免每个项目重复手写 `.mcp.json`。

## 建议方案

1. 在“设置 → MCP/连接”中增加 Figma 卡片和“一键连接”按钮。
2. 连接 Figma 官方远程 MCP:`https://mcp.figma.com/mcp`。
3. 在 Cindy 内完成 OAuth 浏览器授权及回调,并安全保存授权状态。
4. 将该 MCP 自动注入用户选定的 Claude Code / Codex 会话,同时允许按项目关闭。
5. 提供“测试连接”“重新授权”“断开连接”和简明诊断信息。
6. 在对话中识别 Figma URL,未连接时主动提示授权,已连接时直接读取设计上下文。

该能力对设计稿转代码和设计研发协作非常关键,希望能作为较高优先级支持。
---
**OS**: win32 x64 (10.0.26200)
**界面语言**: zh-CN

Contributor guide

Open the contributing guide

Research direction

No files, tests, or entry points are named. Start by locating the MCP/connection settings, OAuth callback handling, session configuration for Claude Code and Codex, and Figma URL handling. Done means a Figma connection can be authorized, diagnosed, reused by selected sessions, scoped globally or per project, and disconnected.

Written by the indexing model from the issue text.

Assessment

Tech stack
electron, figma, typescript
Domain
authentication, desktop, developer-experience, devtools
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.