Figmapedia
목록으로 돌아가기
데일리콘텐츠AI사용팁

바이브 코딩 할 때 필수인 클로드 확장 프로그램 4가지

피그마 튜터2026. 3. 17.

오늘은 바이브 코딩의 생산성을 끌어올려주는 필수 클로드 확장 프로그램(MCP 서버) 4가지와 바로 써먹을 수 있는 프롬프트 예시 공유해 드립니다.

📍 1. Desktop Commander ✓ 로컬 컴퓨터의 파일 시스템 접근과 터미널 명령을 직접 실행해 주는 핵심 도구 ✓ 다른유료 코딩 에디터(Cursor 등) 없이도 프로젝트 생성, 파일 수정, 서버 실행까지 클로드 대화창 하나로 끝낼 수 있음

📍 2. Figma MCP ✓ Figma devmode mcp로 피그마 디자인을 코드에 정확히 반영해 줌.컨텍스트로 가져와서 레이어, 변수, 레이아웃 정보를 읽어옴(피그마 유료 계정 필수)

📍 3. shadcn/ui MCP ✓React 기반 UI 컴포넌트 라이브러리인 shadcn/ui의 소스코드와 데모를 직접 가져와 활용

📍 4. Apify MCP — 데이터 수집(크롤링) 자동화 ✓ 지도, 소셜 미디어, 쇼핑몰 등 웹상의 실제 데이터를 스크래핑하여 내 서비스에 바로 꽂아 넣을 수 있음

피그마에 번역 플러그인은 없나요? / 이미지 정리하는 노하우 공유해드려요. (오픈톡에 올라온 질문이나 정보를 입력해주세요.)