正在加载视频...

视频加载失败

返回首页

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

49,598 subscribers

33,571 次观看 • 9 个月前 •via X (Twitter)

艺术教育科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Take the shortest path from thought to finished thing. Bring your ideas to life with Figma AI.
0:30

Take the shortest path from thought to finished thing. Bring your ideas to life with Figma AI.

Figma

281,739 次观看 • 1 个月前

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

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

Anima

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

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

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 年前

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

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

96,103 次观看 • 1 个月前

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,917 次观看 • 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

357,643 次观看 • 5 个月前

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

948,021 次观看 • 9 个月前

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 年前

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

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

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

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

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

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

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 年前