UI Design with Figma - Tutorial
UI Design with Figma - Tutorial
Jan 5, 2022
freecodecamp.org
How to convert Figma designs to code with Cursor AI
How to convert Figma designs to code with Cursor AI
325 viewsMay 12, 2025
theserverside.com
Claude Code Can't Design in Figma...But It Can Do This
15:55
Claude Code Can't Design in Figma...But It Can Do This
5.8K views1 month ago
YouTubeJeffrey @ Lytbox
Google's New DESIGN.md Just Changed Claude Design Forever
34:14
Google's New DESIGN.md Just Changed Claude Design Forever
7.6K views3 weeks ago
YouTubeCreativeDesignTools
Design.md - Discover the future of Design Systems
17:51
Design.md - Discover the future of Design Systems
4.8K views2 weeks ago
YouTubeMokkapp
Your AI UI Looks Generic… This Fixes It (DESIGN.md)
5:36
Your AI UI Looks Generic… This Fixes It (DESIGN.md)
16.2K views2 weeks ago
YouTubeBetter Stack
🎨 DESIGN.md Generator> 이제 Figma 디자인 시스템을 AI가 이해하는 언어로~~Figma Community에서 바로 설치!https://t.co/no1spHytYoAI로 UI를 생성할 때 가장 큰 병목은 코드가 아니라 컨텍스트!"우리 디자인 시스템의 색상 토큰이 뭔지...""버튼의 radius 값이 얼마인지..."뭐 이런걸 AI가 모르면 아무리 좋은 프롬프트를 써도 결과물은 디자인 시스템과 동떨어진 코드가 나오겠죠?이 문제를 해결하는 Figma 플러그인이 공개되었네요!Design MD Generator는 Figma에 정의된 로컬 스타일... 색상, 타이포그래피, 스페이싱, 변수 이런 것들을 자동으로 추출해서 DESIGN.md + SKILL.md 파일로 변환해줘요.AI 에이전트가 읽을 수 있는 형태로요.생성된 파일은 Claude Code, Cursor, Codex, OpenCode 등 주요 AI 코딩 도구에 바로 연결할 수 있어요.디자이너가 Figma에서 정의한
3:12
🎨 DESIGN.md Generator> 이제 Figma 디자인 시스템을 AI가 이해하는 언어…
18.3K views3 weeks ago
x.comlucas
46:31
Figma Mobile App Design Tutorial
1.6M viewsMay 30, 2020
YouTubeHyginus Ukeh - Building Amazing Things
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
4.8M viewsDec 8, 2020
YouTubeAJ&Smart
41:20
Figma Tutorial for Mobile Design (2020)
289.7K viewsJan 14, 2020
YouTubeCodeWithChris
21:25
Figma For Beginners: Create designs (2/4)
873K viewsDec 1, 2020
YouTubeFigma
39:44
How to Design Mobile Travel App in Figma | Figma Tutorial
65.9K viewsMay 9, 2021
YouTubeUX World
7:38:43
Create a Design System with Figma - Full Course
792.8K viewsJun 28, 2021
YouTubefreeCodeCamp.org
55:27
Build it in Figma: Create a Design System — Foundations
1M viewsJul 24, 2020
YouTubeFigma
18:40
Figma Basics Tutorial for Beginners (Free Design Tool!)
97.1K viewsMar 10, 2020
YouTubeCodeWithChris
36:35
Figma Tutorial - A Free UI Design/Prototyping Tool. It's awes…
1.6M viewsApr 30, 2018
YouTubeDesignCourse
15:51
Figma to Real App Quickly — This is Amazing! | Design Weekly
353.8K viewsFeb 15, 2021
YouTubePunit Chawla
5:09
From Figma to Code
134.4K viewsMay 6, 2021
YouTubeDesignCourse
56:41
Figma Mobile App Design Tutorial 2025
48.5K views11 months ago
YouTubeicode ng
8:46
Vibe Coding Guide for Designers
57.3K views3 months ago
YouTubeAndres The Designer
6:01
Figma Tutorial: Creating Styles
630.5K viewsJun 21, 2018
YouTubeFigma
3:48
Figma MCP Server: Turn Design into Code
29.5K views11 months ago
YouTubeNick Babich
3:34:24
Build a Design System - Full Course
171.6K views8 months ago
YouTubeUI Collective
5:25
Creating typography system in Figma
75.4K viewsAug 28, 2023
YouTubeNick Babich
5:46
How I Create Wireframes in Figma (Tutorial)
77.1K viewsMay 21, 2023
YouTubePierluigi Giglio
11:37
Figma AI How to Generate Design (From Zero to Hero)
52.9K viewsJul 1, 2024
YouTubeThalion
5:01
Convert Figma Designs to Code with AI
16.2K views7 months ago
YouTubeBuilder
4:43
Create code from designs with the Dev Mode MCP server | Figma
31.5K views11 months ago
YouTubeFigma
2:57
How To CONVERT FIGMA DESIGN Into Code (Full Guide)
470 viewsMar 16, 2025
YouTubeTech Helpguy
See more videos
Static thumbnail place holder