Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Getting close to Figma component spec plugin MVP feature complete, and ready for deeper testing and getting feedback from the community.

Nathan A Curtis

13,495 subscribers

203,010 views • 3 years ago •via X (Twitter)

Education Science & Technology News & Politics

Anya Rossi• Live Now

Private livecam show

10 Comments

Nick Hubley3 years ago

@figma @nathanacurtis can I beta test it.

Jan Toman3 years ago

@figma That is a solid MVP 🔥

Akhilesh Saurabh3 years ago

@figma When is this releasing??🥵

Nathan A Curtis3 years ago

@figma My plan is to make the plugin available as early as mid-February for free in Figma community to run as a command.

Paul Bird3 years ago

@figma @theharrysayers this is cool!

Cam3 years ago

@figma So awesome

Anurag Hazra ⚛3 years ago

@figma @rastogi_saurav

toni.3 years ago

@figma This looks amazing. Are you planning on making it open source?

Nathan A Curtis3 years ago

@figma My plan is to make the plugin available as early as mid-February for free in Figma community to run as a command. I do not plan to open source the code at this time.

Thomas3 years ago

@figma I am happy we have some guy like you in this world ^^ Thanks for the work, it's a real game changer.

Related Videos

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏

Matt

123,035 views • 1 year ago

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry

Matt

26,730 views • 1 year ago

happy friday! i’m back with another weekly update! talking about getting out investor deck ready, customer feedback, and our new referral program. would love to hear some feedback from the UGLY community! 👀😎 and I’m ready to answer any questions you might have!

happy friday! i’m back with another weekly update! talking about getting out investor deck ready, customer feedback, and our new referral program. would love to hear some feedback from the UGLY community! 👀😎 and I’m ready to answer any questions you might have!

Gabo

32,845 views • 1 year ago

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

Abraham John 🦄🦓

56,452 views • 1 year ago

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

Abraham John 🦄🦓

28,726 views • 1 year ago

Shadergradient 1.0 — the complete suite of Framer component, Figma plugin, and React package is now available! You can find the link on our website, or our Product Hunt page. Find us on PH and support us with retweets and upvotes!

Shadergradient 1.0 — the complete suite of Framer component, Figma plugin, and React package is now available! You can find the link on our website, or our Product Hunt page. Find us on PH and support us with retweets and upvotes!

shadergradient

13,641 views • 2 years ago

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

Matt

10,553 views • 4 months ago

Testing the code generated from your figma designs 👀 You can resize the preview and test for mobile, tablet and desktop. I added zoom, bg color, padding, alignment and export to PNG for sharing. Just in case Claude doesn't center it correctly or give the right background. Fingers crossed that Figma approves this plugin soon 🤞

Testing the code generated from your figma designs 👀 You can resize the preview and test for mobile, tablet and desktop. I added zoom, bg color, padding, alignment and export to PNG for sharing. Just in case Claude doesn't center it correctly or give the right background. Fingers crossed that Figma approves this plugin soon 🤞

Meng To

16,988 views • 1 year ago

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

Ajay Patel

85,887 views • 1 year ago

We’re getting ready for you 🥳 Who’s excited for #Config2023 tomorrow?

We’re getting ready for you 🥳 Who’s excited for #Config2023 tomorrow?

Figma

130,611 views • 3 years ago

Introducing the RevenueCat Figma plugin. Design in Figma → import to RevenueCat → ship instantly. Fully native, ready to A/B test and deploy remotely. No rebuilding designs. No app updates.

Introducing the RevenueCat Figma plugin. Design in Figma → import to RevenueCat → ship instantly. Fully native, ready to A/B test and deploy remotely. No rebuilding designs. No app updates.

RevenueCat

7,586,786 views • 7 months ago

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 views • 3 years ago

From dad life to the comeback grind 💙⚾️ NLCS MVP Tommy Edman on welcoming his second child, rehabbing his ankle, and getting ready for a healthy return with the Dodgers.

From dad life to the comeback grind 💙⚾️ NLCS MVP Tommy Edman on welcoming his second child, rehabbing his ankle, and getting ready for a healthy return with the Dodgers.

SportsNet LA

21,901 views • 4 months ago

New Figma plugin for creating beat-synced videos from static frames without the hassle of complex video editing tools. Just upload your audio, select frames, and your video is ready

New Figma plugin for creating beat-synced videos from static frames without the hassle of complex video editing tools. Just upload your audio, select frames, and your video is ready

Aakanksha Mirdha

115,886 views • 1 year ago

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

171,513 views • 1 year ago

skip the design system software. build directly from a design spec using Figma MCP and Intent.

skip the design system software. build directly from a design spec using Figma MCP and Intent.

Luke Wroblewski

31,355 views • 3 months ago

We're excited to have launched a new timepicker component ready for you to use in your applications. Update to Angular v19 and head over to for more information on getting started.

We're excited to have launched a new timepicker component ready for you to use in your applications. Update to Angular v19 and head over to for more information on getting started.

Angular

18,391 views • 1 year ago

Just published a new Figma plugin for creating mesh gradients from photographs. It's called Photo Gradient. It's completely free, available now on Figma Community or in your browser (links below).

Just published a new Figma plugin for creating mesh gradients from photographs. It's called Photo Gradient. It's completely free, available now on Figma Community or in your browser (links below).

Daniel Destefanis

73,103 views • 1 year ago

Figma Slides is now in the Figma mobile app! You can view decks, respond to comments, and leave feedback from anywhere. So get outside, and touch some grass 🌞 Download it for iOS & Android at

Figma Slides is now in the Figma mobile app! You can view decks, respond to comments, and leave feedback from anywhere. So get outside, and touch some grass 🌞 Download it for iOS & Android at

Robert Bye

72,286 views • 1 year ago