본문 바로가기

figmamcp2

Figma MCP Dev mode(Figma MCP Server) 연결 기존에 사용했던 Talk to Figma 같은 경우는 디자이너 중심이었다고 하면 이번에 새로 출시된 Figma mcp dev 모드는 디자인 코드 추출과 개발협업이 더 강화된 ai 도구라고... gpt가 말해주네요. Figma MCP Dev mode 1. Figma dev mode- 활성화 1.1 - Figma - 새디자인 파일 좌측 상단 피그마 로고 눌러서 - 기본 설정 - Dev mode MCP 모드 활성화 or 1-2. 디자인 창 오른쪽에서도 활성화 가능 2. Cursor 공식 툴 사이트 들어가서 - Figma "+Add Figma to Cursor" 클릭 https://docs.cursor.com/tools Cursor – MCP DirectoryExplore.. 2025. 6. 20.
바이브코딩(Vibe Coding)시작 - Cursor MCP & Figma 연결 바이브 코딩이란?바이브 코딩(Vibe Coding)은 개발자가 전통적인 프로그래밍 언어로 직접 코드를 작성하는 대신, 자연어(예: 한국어나 영어)로 원하는 기능이나 프로그램의 요구사항을 설명하면 인공지능(AI)이 이를 코드로 자동 생성해주는 새로운 프로그래밍 방식 MCP란?MCP(Model Context Protocol)는 대규모 언어 모델(LLM)과 외부 데이터 소스, 도구, 시스템 간의 안전하고 표준화된 통신을 가능하게 하고 서버를 붙이기만 하면 편하게 사용할 수 있는 개방형 프로토콜- 기존 API처럼 단방향 호출과 달리 MCP는 양방향 정보를 주고받을 수 있음 Cursor MCP 와 Figma 연결해서 사용하기 1. 플러그인, MCP 설치 Figma 플러그인 'Cursor Talk To .. 2025. 5. 14.