正在加载视频...

视频加载失败

返回首页

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

46,861 subscribers

33,494 次观看 • 8 个月前 •via X (Twitter)

艺术教育科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

Anima

2,823,801 次观看 • 3 年前

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 次观看 • 1 年前

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,230 次观看 • 1 年前

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 次观看 • 2 年前

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,166 次观看 • 1 年前

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 次观看 • 1 年前

> 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

355,493 次观看 • 3 个月前

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,702 次观看 • 1 年前

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

946,888 次观看 • 7 个月前

#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,596 次观看 • 3 年前

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 次观看 • 1 年前

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

259,867 次观看 • 2 个月前

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,351 次观看 • 2 年前

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,648 次观看 • 11 个月前

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 次观看 • 9 个月前

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,372 次观看 • 1 个月前

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 次观看 • 1 年前

Cursor is able to build out Figma designs with 80% accuracy with the Figma MCP server. I wonder where we get to in the next few months
2:24

Cursor is able to build out Figma designs with 80% accuracy with the Figma MCP server. I wonder where we get to in the next few months

Design Chief Priest

492,055 次观看 • 1 年前

Introducing Codex to Figma: Roundtrip between code and canvas through the Figma MCP server
0:36

Introducing Codex to Figma: Roundtrip between code and canvas through the Figma MCP server

Figma

179,484 次观看 • 3 个月前