正在加载视频...

视频加载失败

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

Found a pretty interesting new tool 👀 It turns any published Figma library into a documented design system website It's like ZeroHeight only it feels a lot simpler and more connected to Figma Looks pretty promising👇

Ridd 🤿

74,904 subscribers

154,178 次观看 • 3 年前 •via X (Twitter)

艺术教育科学技术

Anya Rossi• Live Now

Private livecam show

10 条评论

Ridd 🤿 的头像

Ridd 🤿3 年前

Hope it helps! (btw these posts are never sponsored I just genuinely think this team is on to something)

Ridd 🤿 的头像

Ridd 🤿2 年前

Live on Product Hunt @fig_mayo

Cam 的头像

Cam3 年前

All the resources you post are so valuable 🤝

Ridd 🤿 的头像

Ridd 🤿3 年前

🙇‍♂️

Sam I am 🫶 的头像

Sam I am 🫶3 年前

I think I'm on their wait list. This made me more excited.

Fola English 的头像

Fola English3 年前

Awesome! 🔥

David Dooley 的头像

David Dooley3 年前

713 bookmarks, says it all. What a great find!

Ridd 🤿 的头像

Ridd 🤿3 年前

Ya people seem to like this one 😅

Nick St. Pierre 的头像

Nick St. Pierre3 年前

This is sick!

Ridd 🤿 的头像

Ridd 🤿3 年前

Ya, I'm pretty impressed by the visual design even. All-around great work.

相关视频

I found a Treasure for Figma Designers is a brand new figma design library with thousands of design components, templates and resources available to copy for free.

Your Designer

34,979 次观看 • 2 年前

There's a free bookmarklet that pastes any website into Figma as editable layers. It replaced a paid tool! ($18/m) it has zero dependency on AI, it runs in your browser and copies any webpage straight to your clipboard as Figma layers using figma mcp.

There's a free bookmarklet that pastes any website into Figma as editable layers. It replaced a paid tool! ($18/m) it has zero dependency on AI, it runs in your browser and copies any webpage straight to your clipboard as Figma layers using figma mcp.

Nick

102,545 次观看 • 4 个月前

It's 2026, stop shipping design slop. It only takes 5 minutes to clone and work from any design system in the world with Figma MCP.

It's 2026, stop shipping design slop. It only takes 5 minutes to clone and work from any design system in the world with Figma MCP.

nader dabit

61,921 次观看 • 6 天前

I've been working on a course for ~2 years, and it's finally out! It's called Responsive Design for Beginners, and in it you'll learn how to build a responsive website from a Figma design with HTML, SCSS, JS. here's what the final website looks like:

I've been working on a course for ~2 years, and it's finally out! It's called Responsive Design for Beginners, and in it you'll learn how to build a responsive website from a Figma design with HTML, SCSS, JS. here's what the final website looks like:

Jess Chan | Coder Coder

23,354 次观看 • 2 年前

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity why is this different? official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting imagine this: - prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - zero click management: auto layout, component creation, deduplication handled by prompt - universal control: if you can do it in figma, it can do it for you the impact if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity why is this different? official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting imagine this: - prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - zero click management: auto layout, component creation, deduplication handled by prompt - universal control: if you can do it in figma, it can do it for you the impact if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

Aurelien

79,132 次观看 • 6 个月前

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume

14,162 次观看 • 1 年前

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓

Dmitriy Bunin

11,630 次观看 • 1 年前

I'm really excited about our new Figma feature, variables. So, I built a new plugin I call "Find Variables" to help you find where they're being used across your design. It will be free and open source once it's published to Figma community!

I'm really excited about our new Figma feature, variables. So, I built a new plugin I call "Find Variables" to help you find where they're being used across your design. It will be free and open source once it's published to Figma community!

Daniel Destefanis

75,900 次观看 • 3 年前

I'm totally rethinking how I prototype with AI after seeing how Atlassian's design system team does it their approach to "templates" and "recipes" in Figma Make is pretty genius 👇

I'm totally rethinking how I prototype with AI after seeing how Atlassian's design system team does it their approach to "templates" and "recipes" in Figma Make is pretty genius 👇

Ridd 🤿

86,137 次观看 • 7 个月前

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

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 🦄🦓

30,370 次观看 • 6 个月前

Design once in Figma. Scale everywhere with Pencil. Our plugin turns any Figma section into a ready-to-scale template. Frames become formats. Text stays editable. Shapes stay sharp. Design once → then adapt and localize in Pencil.

Design once in Figma. Scale everywhere with Pencil. Our plugin turns any Figma section into a ready-to-scale template. Frames become formats. Text stays editable. Shapes stay sharp. Design once → then adapt and localize in Pencil.

Pencil

1,091,597 次观看 • 27 天前

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.

Brian Armstrong

520,460 次观看 • 2 年前

Designer at Vercel shows why it's a bad idea to walkthrough Figma files during a portfolio review Zooming in an and out of your Figma files makes it very hard for the hiring manager to follow along Instead it's a better idea to show key design screens and just talk about it 👀 Watch the full interview on Sneak Peek: Tom Johnson shows why he didn't walkthrough his Figma design files during the portfolio review with Vercel👇

Designer at Vercel shows why it's a bad idea to walkthrough Figma files during a portfolio review Zooming in an and out of your Figma files makes it very hard for the hiring manager to follow along Instead it's a better idea to show key design screens and just talk about it 👀 Watch the full interview on Sneak Peek: Tom Johnson shows why he didn't walkthrough his Figma design files during the portfolio review with Vercel👇

Jayneil Dalal

91,528 次观看 • 5 个月前

I've been working on a new Figma plugin called Selection Text. It's a lightweight way to see how your text layers are styled in any given frame or set of frames. I designed it to be fast, lightweight, and feel native to Figma. I'll post an in-depth look once it's published!

I've been working on a new Figma plugin called Selection Text. It's a lightweight way to see how your text layers are styled in any given frame or set of frames. I designed it to be fast, lightweight, and feel native to Figma. I'll post an in-depth look once it's published!

Daniel Destefanis

47,121 次观看 • 2 年前

Found a new design tool, you might like called effecto. It's pretty good for creating ASCII and dither effects. Link on the thread. Thank me later 🙂

Found a new design tool, you might like called effecto. It's pretty good for creating ASCII and dither effects. Link on the thread. Thank me later 🙂

Design Chief Priest

52,155 次观看 • 8 个月前

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 次观看 • 1 个月前

Paper Shaders: now fully open source and FREE Yes, you can make a: plugin, tool, template, site, app, library. Resell it. Make a Figma plugin. It's already code. Go for it! We're pushing shaders forward. New Paper Shaders on the way.

Paper Shaders: now fully open source and FREE Yes, you can make a: plugin, tool, template, site, app, library. Resell it. Make a Figma plugin. It's already code. Go for it! We're pushing shaders forward. New Paper Shaders on the way.

Stephen Haney

541,554 次观看 • 1 个月前

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Figma

551,164 次观看 • 3 年前