正在加载视频...

视频加载失败

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

You can now create component property groups — which means you can more easily reuse components throughout your site 🖥️ Easier-to-use components, more design consistency, stunning sites.

Webflow

157,858 subscribers

20,748 次观看 • 2 年前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

10 条评论

Tejus Kabadi 的头像

Tejus Kabadi2 年前

Tiny but Mighty

Jordan Gilroy 的头像

Jordan Gilroy2 年前

Lovely little quality of life update

Riziki | Webflow design+dev 的头像

Riziki | Webflow design+dev2 年前

Loving the improvements to components! Keep 'em coming 🙌

silso 的头像

silso2 年前

Nice quality of life update. WF always be 🚢

Boris Cerka 的头像

Boris Cerka2 年前

We need components in cms, inside rich text as an example.

Ollie Brown 的头像

Ollie Brown2 年前

This will really help with clients taking control of things. Organisation is key!

Jarek Kowalczyk 的头像

Jarek Kowalczyk2 年前

More order in our life is always welcome.

JooMin Choi 的头像

JooMin Choi2 年前

Love these type of quality of life updates!

Jaimz Hodge 的头像

Jaimz Hodge2 年前

😃 That's such a great little feature. Time to organize my crazy components 🫣

William. 的头像

William.2 年前

Just more evidence for me to convince my job to switch over to Webflow

相关视频

You can now dynamically control filter, sort, and limit settings on Collection lists — all through component properties (including a new Number prop type 🙌). Here’s what this means for your workflow: ✨ Easily reuse the same Collection list component in multiple contexts — with different content 🔧 Marketers are empowered to leverage and tweak these components directly in build mode without designer oversight or approval. Learn more here:

You can now dynamically control filter, sort, and limit settings on Collection lists — all through component properties (including a new Number prop type 🙌). Here’s what this means for your workflow: ✨ Easily reuse the same Collection list component in multiple contexts — with different content 🔧 Marketers are empowered to leverage and tweak these components directly in build mode without designer oversight or approval. Learn more here:

Webflow

13,238 次观看 • 1 年前

🎉Variable modes are here! This latest update helps supercharge your scalable design systems. Now you can create sets of variable values that can easily be switched and applied throughout your site – unlocking responsive design across devices, efficient theming, and fewer variables to manage overall.

🎉Variable modes are here! This latest update helps supercharge your scalable design systems. Now you can create sets of variable values that can easily be switched and applied throughout your site – unlocking responsive design across devices, efficient theming, and fewer variables to manage overall.

Webflow

21,398 次观看 • 1 年前

Build on-brand sites faster with Libraries! 🎉 Now you can share components and variables across multiple sites in your Workspace, enabling your team to build on-brand experiences quickly and manage updates effortlessly. Learn more: And we're just getting started — stay tuned for more updates at #WebflowConf

Webflow

15,911 次观看 • 1 年前

🚀 Empower your team with component slots! Now, designers can enable team members and clients to arrange components within flexible placeholders, enhancing composability and ensuring brand consistency. Explore the possibilities with slots today:

Webflow

29,434 次观看 • 2 年前

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.

Alex Danilowicz

33,189 次观看 • 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

634,118 次观看 • 3 个月前

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

KapishDima

57,544 次观看 • 29 天前

Here are some animated components you can use in your project.

Here are some animated components you can use in your project.

Toby

52,200 次观看 • 2 个月前

The new Open in v0 lets you take your components to v0 for prompting. My new workflow is component to v0 to editor. You can try it now on

The new Open in v0 lets you take your components to v0 for prompting. My new workflow is component to v0 to editor. You can try it now on

shadcn

173,352 次观看 • 1 年前

Just pushed a new version, now you can use it to create components! If you encounter errors, please restart @Figma or re-login to your plugin account to clear the cache.

Just pushed a new version, now you can use it to create components! If you encounter errors, please restart @Figma or re-login to your plugin account to clear the cache.

Joshua Guo

23,316 次观看 • 6 个月前

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

david fant

323,849 次观看 • 6 个月前

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,241 次观看 • 1 年前

Now you can compare shadcn components side by side with Fluid Functionalism components. Hover the difference.

Now you can compare shadcn components side by side with Fluid Functionalism components. Hover the difference.

Micka

40,528 次观看 • 2 个月前

Want to move faster in Astro? gives your team ready-to-use components you can tweak and grow with.

Want to move faster in Astro? gives your team ready-to-use components you can tweak and grow with.

Bejamas

11,556 次观看 • 3 个月前

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Webflow

19,978 次观看 • 1 年前

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

Alex Sidorenko

50,631 次观看 • 1 年前

⚛️ Use TypeScript utility types like Omit to create more reusable and adaptable components ↓

⚛️ Use TypeScript utility types like Omit to create more reusable and adaptable components ↓

George Moller

50,215 次观看 • 1 年前

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

82,707 次观看 • 20 天前

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

Abraham John 🦄🦓

93,779 次观看 • 6 个月前