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

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

На главную

We're cooking a huge update for shadcndesign. 1. We'll bring the shadcn create feature into our plugin. It will allow you to quickly set up the theme for your Figma kit. 2. 5 icon libraries support in 1 Figma kit. Icon libraries that are available in shadcn/create will be...

matsugfx's profile picture

Matt

7,513 subscribers

57,064 просмотров • 6 месяцев назад •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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

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 просмотров • 6 месяцев назад

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! 🙏
0:33

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 просмотров • 1 год назад

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
2:27

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 просмотров • 1 год назад

We are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.
0:23

We are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.

Matt

15,677 просмотров • 1 год назад

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. 😀
1:42

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,953 просмотров • 1 год назад

ui/ux designers, you will soon be able to change the color of an image right within figma. *this is the plugin i’m presently working on. ~5 hours in.
0:25

ui/ux designers, you will soon be able to change the color of an image right within figma. *this is the plugin i’m presently working on. ~5 hours in.

dára sobaloju

24,047 просмотров • 1 год назад

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.
1:15

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,738 просмотров • 5 месяцев назад

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!
0:36

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

Matt

44,889 просмотров • 10 месяцев назад

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...
1:44

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...

Rexan Wong

276,316 просмотров • 8 месяцев назад

I was ready to tear my (remaining) hair out. Every shadcn UI kit for Figma I found on Figma Community was of poor quality, missing components or outdated. 😡 My client's deadline loomed, and I needed a solution fast... That's when inspiration struck. With my seven years of experience creating Figma resources and managing the Ant Design System, why not make the kit myself? 🤔 I dove in, pouring my expertise into every component. Days blended as I crafted, refined, and perfected. 🥵 Finally, I sat back and smiled. Before me was the high-quality, up-to-date Shadcn UI kit I'd been searching for, complete with customer support. 🤩 As I prepared to share it with the world, I felt a surge of excitement. This wasn't just a solution to my problem – it was a resource that could help thousands of other designers and developers. It’s not a dream. I made it.
1:58

I was ready to tear my (remaining) hair out. Every shadcn UI kit for Figma I found on Figma Community was of poor quality, missing components or outdated. 😡 My client's deadline loomed, and I needed a solution fast... That's when inspiration struck. With my seven years of experience creating Figma resources and managing the Ant Design System, why not make the kit myself? 🤔 I dove in, pouring my expertise into every component. Days blended as I crafted, refined, and perfected. 🥵 Finally, I sat back and smiled. Before me was the high-quality, up-to-date Shadcn UI kit I'd been searching for, complete with customer support. 🤩 As I prepared to share it with the world, I felt a surge of excitement. This wasn't just a solution to my problem – it was a resource that could help thousands of other designers and developers. It’s not a dream. I made it.

Matt

190,397 просмотров • 1 год назад

Starting today, you will be able to select Gemini 3 Pro as an experimental model in Figma Make It’s early, but we’re already seeing impressive results: → Generate 0→1 results with a broad variety of styles, layouts, and interactions → Accurately translate Figma designs into code-backed prototypes → Iterate and refine with nuance
0:44

Starting today, you will be able to select Gemini 3 Pro as an experimental model in Figma Make It’s early, but we’re already seeing impressive results: → Generate 0→1 results with a broad variety of styles, layouts, and interactions → Accurately translate Figma designs into code-backed prototypes → Iterate and refine with nuance

Figma

170,349 просмотров • 8 месяцев назад

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20
0:35

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20

Erik

21,594 просмотров • 1 год назад

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!
0:28

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Miguel Ángel

18,018 просмотров • 3 месяцев назад

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇
0:43

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇

Figma

617,424 просмотров • 3 лет назад

The winners were chosen 🏆 Thank you everyone for your amazing support and all your creativity that you are sending our way. There will be more occasions for such edits in the future 🙏 1. Publicronus
0:30

The winners were chosen 🏆 Thank you everyone for your amazing support and all your creativity that you are sending our way. There will be more occasions for such edits in the future 🙏 1. Publicronus

Aurora CS2

30,524 просмотров • 9 месяцев назад

Soon, patients in England will be able to use the NHS App to get the right support more quickly. Our new AI-assisted triage tool will also ease pressure across the NHS. James Murray explained to Laura Kuenssberg how it works 👇
0:51

Soon, patients in England will be able to use the NHS App to get the right support more quickly. Our new AI-assisted triage tool will also ease pressure across the NHS. James Murray explained to Laura Kuenssberg how it works 👇

Department of Health and Social Care

20,251 просмотров • 1 месяц назад

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 месяцев назад

For my final year project in mechatronics engineering at waterloo, I made the worlds first affordable robot kit. Introducing, the Bracket Bot Kit. A $500 robot kit that comes with everything you need to get started in robotics. We are hosting a Hackathon to get feedback on the kit. 40 teams will get 40 robots and compete in challenges! -More details below
0:32

For my final year project in mechatronics engineering at waterloo, I made the worlds first affordable robot kit. Introducing, the Bracket Bot Kit. A $500 robot kit that comes with everything you need to get started in robotics. We are hosting a Hackathon to get feedback on the kit. 40 teams will get 40 robots and compete in challenges! -More details below

brian-machado-high-inference

107,857 просмотров • 1 год назад

Figge shares info on the Otherside Development Kit “The O.D.K is a set of tools that allows you to build in Unreal Engine to create next generation blockchain experiences” “Our vision is for you to be able to drag and drop, upload and go live”
1:05

Figge shares info on the Otherside Development Kit “The O.D.K is a set of tools that allows you to build in Unreal Engine to create next generation blockchain experiences” “Our vision is for you to be able to drag and drop, upload and go live”

Jack

17,468 просмотров • 9 месяцев назад