mhmzdev/figma-flutter-mcp
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
mhmzdev/figma-flutter-mcp는 [[T0]에서 가져온 MCP 서버 후보입니다.
개요
mhmzdev/figma-flutter-mcp는 [[T0]에서 가져온 MCP 서버 후보입니다.
개요(AI 번역)
Figma에서 Flutter MCP 서버로
🌐 제공 가능한 버전: 한국어 (한국어) | 일본어 (일본어) | 简体中文 (간체자) | 繁體中文 (번체중국어)
Figma의 풍부한 데이터를 코딩 에이전트에 활용하세요. Flutter 방식으로 디자인을 구현하세요!
커서나 기타 AI 기반 도구를 사용해 MCP 서버를 통해 Figma의 풍부한 파일, 데이터, 컴포넌트 등 다양한 기능에 접근할 수 있습니다.
📋 목차
- 🦋 관측 플러터 #70
- 🎥 짧은 영상 데모
- 📝 시작하기
- 📚 작동 원리
- 🛠️ 사용
- 🔑 Figma API 키
- 🏹 커서의 MCP
- 🚀 지역 검사를 위한 빠른 시작
- 🧱 기본 워크플로우
- 🤖 AI 코딩 에이전트 지원
- ⚠️ SVG 자산이 화면 생성과 호환되지 않는 경우
- ⚠️ 면책 조항
- 🙌🏼 감사의 글
- 🧱 기타 제작 공장
- 🔑 면허
- 🙋 ♂️ 작가
- 무함마드 함자
🦋 관찰 가능한 플러터 #70
Observable Flutter에 향상된 설명과 데모와 함께 소개됨:
🎥 짧은 비디오 데모
실제 피그마 디자인으로 피그마 플러터 MCP의 거의 모든 기능을 선보였습니다.
- 영어: https://youtu.be/lJlfOfpl2sI
- 우르두어/힌디어: https://youtu.be/mepPWpIZ61M
📝 시작하기
자세한 시작 문서나 데모 영상을 빠르게 시작할 수 있습니다.
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
Use Cursor or other AI-powered tools to access Figma’s rich files, data, components and much more using MCP server.
📋 Table of Contents
- 🦋 Observable Flutter #70
- 🎥 Short Video Demo
- 📝 Getting Started
- 📚 How it works
- 🛠️ Usage
- 🧱 Basic Workflow
- ⚠️ Disclaimers
- 🙌🏼 Acknowledgments
- 🧱 Other framworks
- 🔑 License
- 🙋♂️ Author
🦋 Observable Flutter #70
Featured on Observable Flutter with enhanced explanation and demo:
🎥 Short Video Demo
Showcased almost all the features of Figma Flutter MCP with real figma design.
- English: https://youtu.be/lJlfOfpl2sI
- Urdu/Hindi: https://youtu.be/mepPWpIZ61M
📝 Getting Started
설치
npx -y figma-flutter-mcp --figma-api-key=YOUR-API-KEY --stdio설정
{
"mcpServers": {
"local-figma-flutter": {
"url": "http://localhost:3333/mcp"
}
}
}