피그마
바로가기 ↗
#1저는 이제 콘텐츠 기획 직접 안 해요 (Codex + Aside + Figma 자동화)
피튜브
1.3만회 · 2026년 10월 16일
#2클로드 코드(claude code)+ 피그마(figma)로 일관된 디자인 하는 방법. (디자인 시스템으로 바이브 코딩하기)
피튜브
9.9만회 · 2026년 3월 20일
#3🔥전 세계 기업들이 선택한 피그마 강좌 PS.이제는 마스터하셔야죠? (4K)
Madia Designer
49.6만회 · 2024년 6월 2일
#42026 피그마 완전 최신! 입문자는 이걸로 시작하세요 - 피그마 강좌 1-1
디자인베이스
1.2만회 · 2026년 8월 8일
#5무료 피그마 사용법 A~Z까지 단 15분 컷 #피그마 #피그마사용법 #피그마강의
피그마리온
11.0만회 · 2025년 8월 31일
#6피그마 기초부터 마스터까지 - 피그마 강좌 1-1
디자인베이스
16.8만회 · 2025년 2월 27일
#7왕초보 셀러를 위한 피그마 완벽 가이드 | 피그마 처음이면 이거 보세요
페이지부스터
18.2만회 · 2025년 1월 2일
#8🔥"피그마 실무 컴포넌트 방법" 아직도 어렵다면 이 영상 보세요
Madia Designer
2.3만회 · 2026년 5월 17일
#9Figma Make 사용법 | 디자인을 AI로 구현하고 웹사이트까지 만들기 - 피그마 강좌 1-6
디자인베이스
5,864회 · 2026년 8월 28일
#10왕초보 피그마 기초 사용법🔥 셀러님들 지금 당장 피그마 시작하세요! 그대로 따라만 해서 피그마 정복하기
셀디, 셀러를 위한 디자인
14.1만회 · 2024년 6월 19일
클로드 코드(claude code)+ 피그마(figma)로 일관된 디자인 하는 방법. (디자인 시스템으로 바이브 코딩하기)
중급비개발자도 가능한 디자인 시스템 기반 바이브 코딩, Claude Code와 Figma로 시작해보세요!
AI 요약
이 영상은 비개발자가 디자인 시스템(토큰과 컴포넌트)을 코드화하여 일관되고 효율적인 바이브 코딩을 할 수 있는 방법을 소개합니다. Figma Devmode MCP와 Claude Code를 활용해 디자인 토큰과 컴포넌트를 코드로 추출하고 화면을 구성하는 전 과정을 실습합니다. 유료 요금제 사용 조건과 수업 자료 다운로드도 안내하며, 유지 보수 비용 절감의 이점을 강조합니다.
- •디자인 시스템의 토큰과 컴포넌트를 코드로 잡는 방법
- •Figma Devmode MCP와 Claude Code 연동 실습
- •비개발자도 유지보수가 편한 일관된 코드 작성 가능
주요 기능
- ✓Figma Devmode MCP를 통한 디자인 컨텍스트 관리
- ✓Claude Code와 연동하여 디자인 시스템 코드 자동 생성
“디자인 시스템을 코드로 구현하고 관리하면 비개발자도 효율적이고 일관된 바이브 코딩이 가능해진다.”