Загрузка видео...

Не удалось загрузить видео

На главную

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_design's profile picture

Ridd 🤿

74,904 subscribers

154,178 просмотров • 3 лет назад •via X (Twitter)

ИскусствоОбразованиеНаука и технологии
LIVE

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.
2:51

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.
0:47

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.
9:36

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:
0:22

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 »
0:48

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:
1:05

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 ↓
0:31

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!
0:32

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 👇
1:22

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?
0:59

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 💜
0:24

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.
0:49

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.
1:52

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👇
1:22

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!
0:22

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 🙂
0:47

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.
1:14

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.
0:31

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:
0:59

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 лет назад