피그마
바로가기 ↗
#1🔥전 세계 기업들이 선택한 피그마 강좌 PS.이제는 마스터하셔야죠? (4K)
Madia Designer
49.4만회 · 2024년 6월 2일
#22026 피그마 완전 최신! 입문자는 이걸로 시작하세요 - 피그마 강좌 1-1
디자인베이스
1.1만회 · 2026년 8월 8일
#3무료 피그마 사용법 A~Z까지 단 15분 컷 #피그마 #피그마사용법 #피그마강의
피그마리온
10.5만회 · 2025년 8월 31일
#4피그마 기초부터 마스터까지 - 피그마 강좌 1-1
디자인베이스
16.4만회 · 2025년 2월 27일
#5왕초보 셀러를 위한 피그마 완벽 가이드 | 피그마 처음이면 이거 보세요
페이지부스터
18.1만회 · 2025년 1월 2일
#6Figma Make 사용법 | 디자인을 AI로 구현하고 웹사이트까지 만들기 - 피그마 강좌 1-6
디자인베이스
4,845회 · 2026년 8월 28일
#7절대 실패 없는 피그마 기초 A-Z 7분 단기 속성 강의 (무료 툴, 실무 압축)#피그마 #피그마사용법 #피그마강의
피그마리온
2.2만회 · 2026년 1월 18일
#8❌시간낭비❌ 피그마 입문 기초 A to Z 올인원 1시간! 왕초보 비전공자도 진짜 이것만 보면 됩니다
디자이너 가든
2.0만회 · 2026년 1월 16일
#9피그마 기초 강의 10분 안에 끝내기(컴포넌트 개념 이해) What is Figma? - 피그마(기초)
스태리빛나 - 디자인 교육 멘토
13.9만회 · 2023년 7월 5일
#10디자인 툴의 시대는 끝났다. AI 시대 디자이너는 어떻게 살아남아야 할까? #피그마 #AI
피그마리온
3.6만회 · 2025년 7월 19일
Figma Make로 디자인을 AI가 자동 구현하고 웹사이트까지 한 번에 제작해보세요!
AI 요약
이 영상에서는 Figma Make를 사용해 기존 Figma 디자인을 실제 동작하는 화면으로 변환하고, 간단한 프롬프트만으로 웹사이트를 만드는 과정을 보여줍니다. AI 모델 선택, 프롬프트 작성법, 코드 확인, 인터랙션 제작 등 Figma Make의 핵심 기능을 단계별로 설명합니다. 웹 기반 랜딩 페이지와 스크롤 인터랙션까지 직접 구현하는 실습이 포함되어 있습니다.
- •Figma 디자인을 Build 모드로 실제 화면처럼 구현하는 방법
- •프롬프트 작성으로 AI Slop을 줄이고 효율적으로 웹사이트 제작하기
- •스크롤 인터랙션과 Connector, MCP 활용해 디자인의 고도화
주요 기능
- ✓AI 기반 디자인 자동 구현(Build 모드와 AI 모델 선택)
- ✓프롬프트를 통한 웹사이트 생성 및 수정
- ✓코드 미리보기와 버전 관리 기능
- ✓스크롤 인터랙션 및 Connector, MCP를 이용한 고급 인터랙션 기능
“Figma Make를 활용하면 디자인부터 실제 동작 화면, 웹사이트 제작까지 AI와 함께 빠르고 쉽게 완성할 수 있습니다.”