正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

This Figma trick builds your design system docs in seconds

Jan Mraz

112,089 subscribers

44,292 次观看 • 6 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Blade - The design system that powers Razorpay, is now on Figma community. Explore polished components, peek at our secret sauce (work in progress!), and discover their stories in the docs. All the design goodness awaits! Link in thread. #designsystem #razorpay #blade #figma

Blade - The design system that powers Razorpay, is now on Figma community. Explore polished components, peek at our secret sauce (work in progress!), and discover their stories in the docs. All the design goodness awaits! Link in thread. #designsystem #razorpay #blade #figma

Razorpay Design

37,776 次观看 • 2 年前

This Figma plugin will save you 90% of the time needed to build a design system in Figma!

This Figma plugin will save you 90% of the time needed to build a design system in Figma!

Jan Mraz

24,218 次观看 • 1 年前

My workflow now: - Design the first path in Figma - Hook up Claude Code to Figma MCP - Prompt: "Build this with Tailwind + Shadcn" - Then generate design system docs + demo page Side note: So many cool products being built, but I'm irrationally happy about a tabletop RPG scene manager.

My workflow now: - Design the first path in Figma - Hook up Claude Code to Figma MCP - Prompt: "Build this with Tailwind + Shadcn" - Then generate design system docs + demo page Side note: So many cool products being built, but I'm irrationally happy about a tabletop RPG scene manager.

Tommy Geoco 🇺🇸

59,278 次观看 • 11 个月前

👀 We’re so close. 🗓️ Monday, July 1st, Supa Design Tokens drops on Figma Community in free beta! (pending Figma approval) Make, manage, and organize your design tokens in seconds. All inside Figma. Let’s go!

👀 We’re so close. 🗓️ Monday, July 1st, Supa Design Tokens drops on Figma Community in free beta! (pending Figma approval) Make, manage, and organize your design tokens in seconds. All inside Figma. Let’s go!

Angelo Libero

11,966 次观看 • 1 年前

Cursor can now create new components and frontends in Figma using your team's design system.

Cursor can now create new components and frontends in Figma using your team's design system.

Cursor

635,717 次观看 • 5 个月前

Introducing Design System Agents. Turn your repos, npm packages and docs into an agent that builds prototypes engineering can actually ship. The Prototype is t̶h̶r̶o̶w̶n̶ ̶a̶w̶a̶y̶ the Product.

Introducing Design System Agents. Turn your repos, npm packages and docs into an agent that builds prototypes engineering can actually ship. The Prototype is t̶h̶r̶o̶w̶n̶ ̶a̶w̶a̶y̶ the Product.

bolt.new

117,948 次观看 • 5 个月前

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation

luis.

23,352 次观看 • 7 个月前

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships

bolt.new

14,211 次观看 • 5 个月前

Vibe code with your full Figma design system on Anima 💥 Early access for Enterprise, link in thread

Vibe code with your full Figma design system on Anima 💥 Early access for Enterprise, link in thread

Avishay Cohen

5,731,434 次观看 • 6 个月前

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments

Figma

135,768 次观看 • 5 个月前

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

AK

92,096 次观看 • 7 个月前

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

31,000 次观看 • 7 个月前

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇

Jayneil Dalal

29,057 次观看 • 7 个月前

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

Diagram

1,714,392 次观看 • 3 年前

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Figma

351,669 次观看 • 1 年前

Say goodbye to leaving Figma just to use AI. Today, we're bringing powerful AI agents directly into your Figma canvas. No terminal. No MCP configs. No developer setup. Anima Agent is a chat inside Figma. Describe what you want → it builds on the canvas, using your actual design system. Install the plugin. Start designing. That's it.

Say goodbye to leaving Figma just to use AI. Today, we're bringing powerful AI agents directly into your Figma canvas. No terminal. No MCP configs. No developer setup. Anima Agent is a chat inside Figma. Describe what you want → it builds on the canvas, using your actual design system. Install the plugin. Start designing. That's it.

Anima

13,035,664 次观看 • 5 个月前

20+ Figma Weave tools are now in your design canvas Live from Config 2026

20+ Figma Weave tools are now in your design canvas Live from Config 2026

Figma

77,505,118 次观看 • 2 个月前