Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

4 ways to go from Figma layout to HTML/CSS with AI. The first method sucks. The fourth method is goated. Figma

designcoursecom's profile picture

Gary Simon

48,161 subscribers

33,550 görüntüleme • 9 ay önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

From Figma / Adobe XD / Sketch to => HTML / React /Vue
1:02

From Figma / Adobe XD / Sketch to => HTML / React /Vue

Anima

2,823,805 görüntüleme • 3 yıl önce

Back at it again: ways to make your life easier with JavaScript in Figma
0:37

Back at it again: ways to make your life easier with JavaScript in Figma

Figma

56,241 görüntüleme • 1 yıl önce

This is how a designer at Figma designed AI features for Figma Slides The amount of design iterations and the attention to details is mind blowing Natasha Tenggoro shows she designed the AI features for Figma Slides in Figma 👇
2:42

This is how a designer at Figma designed AI features for Figma Slides The amount of design iterations and the attention to details is mind blowing Natasha Tenggoro shows she designed the AI features for Figma Slides in Figma 👇

Jayneil Dalal

20,714 görüntüleme • 1 yıl önce

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)
0:20

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 görüntüleme • 2 yıl önce

Holy crap, I got html to Figma working. This is about 1082 lines of code translating tailwind+html into figma console js commands. So we got accurate Figma layers, outlines, texts, nested groups and pure SVG icons. All these designs are made in Aura then exported to Figma.
0:38

Holy crap, I got html to Figma working. This is about 1082 lines of code translating tailwind+html into figma console js commands. So we got accurate Figma layers, outlines, texts, nested groups and pure SVG icons. All these designs are made in Aura then exported to Figma.

Meng To

71,217 görüntüleme • 1 yıl önce

Turn vectors into 3D renders in Figma, here's how: 1. Open the 'Unblocked AI' plugin in Figma 2. Go to Structure 3. Select your layer 4. Hit generate Enjoy!
0:26

Turn vectors into 3D renders in Figma, here's how: 1. Open the 'Unblocked AI' plugin in Figma 2. Go to Structure 3. Select your layer 4. Hit generate Enjoy!

Hüseyin Gayıran

11,673 görüntüleme • 1 yıl önce

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.
0:25

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.

Figma

95,497 görüntüleme • 27 gün önce

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025
10:19

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Figma

323,827 görüntüleme • 1 yıl önce

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma
0:29

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma

Figma

357,142 görüntüleme • 4 ay önce

We just acquired @weavy_ai, soon to be known as Figma Weave. With Weavy, you’ll get more models, more tools, more ways to create within the canvas. More to come
0:27

We just acquired @weavy_ai, soon to be known as Figma Weave. With Weavy, you’ll get more models, more tools, more ways to create within the canvas. More to come

Figma

947,413 görüntüleme • 8 ay önce

Go from Figma design to Lovable app This is how:
0:28

Go from Figma design to Lovable app This is how:

Lovable

20,336 görüntüleme • 1 yıl önce

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.
0:54

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

Figma

1,336,853 görüntüleme • 3 yıl önce

Learn how to go from Claude Code to Figma and back again Livestream with Anthropic: March 31, 9:00AM PST | 12:00PM EST
0:32

Learn how to go from Claude Code to Figma and back again Livestream with Anthropic: March 31, 9:00AM PST | 12:00PM EST

Figma

260,290 görüntüleme • 3 ay önce

More ways to animate with LottieFiles: - Auto-layout - Nested Frames - Multi-variant Components - Gradients - Handoff features like animation URLs and embed codes for Dev Mode Download the plugin and play →
1:20

More ways to animate with LottieFiles: - Auto-layout - Nested Frames - Multi-variant Components - Gradients - Handoff features like animation URLs and embed codes for Dev Mode Download the plugin and play →

Figma

124,356 görüntüleme • 2 yıl önce

We are excited to announce that Method is partnering with Floki From tier lists to content, we’ll make sure you’re ready to set sail! ⛴️ Welcome to the Method family:
0:41

We are excited to announce that Method is partnering with Floki From tier lists to content, we’ll make sure you’re ready to set sail! ⛴️ Welcome to the Method family:

Method

42,803 görüntüleme • 1 yıl önce

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.
2:06

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.

Aymducking

212,987 görüntüleme • 24 gün önce

A few ways to clean berries. This is going to be for a strawberry and goat cheese salad so I go with the vinegar method.
1:03

A few ways to clean berries. This is going to be for a strawberry and goat cheese salad so I go with the vinegar method.

Chef Andrew Gruel

29,614 görüntüleme • 10 ay önce

New ways to add references when generating and editing images with AI → Copy/paste → Add directly from a selection → Drag and drop files Rolling out over the next week
0:23

New ways to add references when generating and editing images with AI → Copy/paste → Add directly from a selection → Drag and drop files Rolling out over the next week

Figma

58,530 görüntüleme • 2 ay önce

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys
0:29

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

76,017 görüntüleme • 1 yıl önce