正在加载视频...

视频加载失败

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

We’ve integrated the most comprehensive design system collections on the web into Open Design. You can now explore and use 150+ design systems directly as plugins.

OpenDesign

21,424 subscribers

23,487 次观看 • 2 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

14 条评论

Mauricio Castro 的头像

Mauricio Castro2 个月前

How can I add a custom design system?

OpenDesign 的头像

OpenDesign2 个月前

Just open a PR or an issue! You can also ask your AI to handle this for you ❤️

OpenDesign 的头像

OpenDesign2 个月前

Explore more👉

AI Mastery Guide 的头像

AI Mastery Guide2 个月前

150+ design systems as plugins in one place is going to save so much time switching between tools 🔥

Jack Nelson 的头像

Jack Nelson2 个月前

Trying this right now. So far it’s pretty epic.

OpenDesign 的头像

OpenDesign2 个月前

❤️

Nick Venturi 的头像

Nick Venturi2 个月前

gonna install fifty of these and still only use one 😭

Aslıhan Karaca 的头像

Aslıhan Karaca2 个月前

Are there any landing page templates for advertorial 、listicle articles ?

OpenDesign 的头像

OpenDesign2 个月前

Yes for sure! If you don’t want to browse through a long list of design systems manually, you can install or deploy Open Design and simply tell the agent what you’re trying to build. The agent will help find the most suitable design system or plugin for your use case.

LottieFiles 的头像

LottieFiles2 个月前

This is awesome, incredible resource! Do you have plans to add motion/animation documentation to the design system collections?

OpenDesign 的头像

OpenDesign2 个月前

Thanks Lottie! That’s exactly what we’re working on next!

LottieFiles 的头像

LottieFiles2 个月前

That's awesome! We've been building Motion System too. Just launched it today 🎉

AbdurRab Beyg 的头像

AbdurRab Beyg2 个月前

@OpenDesignHQ Hey Lottie, any chance you are gonna expose this in Lottie Skills? for our dear coding agents 🥲

LottieFiles 的头像

LottieFiles2 个月前

@OpenDesignHQ Love this idea! We'll definitely consider it👀

相关视频

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 年前

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

Open Design

53,135 次观看 • 3 个月前

Design is trapped in canvases. Open Design 0.8.0 changes that. Your assets, systems, prototypes, exports, and workflows can now become plugins agents can use. From canvas-first to agent conversation. Everything becomes a plugin. Try it now👉

Design is trapped in canvases. Open Design 0.8.0 changes that. Your assets, systems, prototypes, exports, and workflows can now become plugins agents can use. From canvas-first to agent conversation. Everything becomes a plugin. Try it now👉

Open Design

131,111 次观看 • 3 个月前

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

Stitch by Google

195,368 次观看 • 4 个月前

New in the Stitch Vibe Design launch: DESIGN.md Design consistency specified. Stitch generates design systems and a markdown specification you can export.

New in the Stitch Vibe Design launch: DESIGN.md Design consistency specified. Stitch generates design systems and a markdown specification you can export.

David East

91,117 次观看 • 5 个月前

Collaborative Codex is live. Meet Open Design Team Workspace. Your team and their agents can now design together on one shared live canvas, directly inside Codex. Multiplayer AI design starts here.

Collaborative Codex is live. Meet Open Design Team Workspace. Your team and their agents can now design together on one shared live canvas, directly inside Codex. Multiplayer AI design starts here.

OpenDesign

80,146 次观看 • 1 个月前

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

How to use Open Design inside Codex: Ask Codex to deploy Open Design locally, then tell Codex what you want to build. The real unlock: Codex can operate the design tool for you — choosing workflows, filling briefs, inspecting files, testing interactions, and iterating on the result. Design tools are becoming agent-operated.

How to use Open Design inside Codex: Ask Codex to deploy Open Design locally, then tell Codex what you want to build. The real unlock: Codex can operate the design tool for you — choosing workflows, filling briefs, inspecting files, testing interactions, and iterating on the result. Design tools are becoming agent-operated.

Open Design

132,654 次观看 • 3 个月前

Demo 2: human + agent design loop inside Codex. Not every workflow needs the agent to drive everything. You design in Open Design. Codex reviews the output. It can inspect files, open pages, test interactions, critique the design, and turn feedback into the next prompt. Design becomes a human + agent feedback loop.

Demo 2: human + agent design loop inside Codex. Not every workflow needs the agent to drive everything. You design in Open Design. Codex reviews the output. It can inspect files, open pages, test interactions, critique the design, and turn feedback into the next prompt. Design becomes a human + agent feedback loop.

Open Design

20,103 次观看 • 3 个月前

Build cool things faster. We’ve open-sourced the Coinbase Design System. It's grown with us for years, and now it's yours.

Build cool things faster. We’ve open-sourced the Coinbase Design System. It's grown with us for years, and now it's yours.

Coinbase 🛡️

77,439 次观看 • 11 个月前

I made a super visual page for all the DESIGN.md we generate. 564 of them and more coming out every day. You can grab the design systems, web design skill prompts and HTML pages.

I made a super visual page for all the DESIGN.md we generate. 564 of them and more coming out every day. You can grab the design systems, web design skill prompts and HTML pages.

Meng To

76,212 次观看 • 4 个月前

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

Replit ⠕

184,057 次观看 • 6 个月前

Designers get it wrong on Figma. Without these plugins, you’re only at 20% of the full potential of your design. Check out these 6 Figma plugins that make it the most loved design tool on the planet 🧵:

Designers get it wrong on Figma. Without these plugins, you’re only at 20% of the full potential of your design. Check out these 6 Figma plugins that make it the most loved design tool on the planet 🧵:

ADPList

223,283 次观看 • 3 年前

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Riley Brown

86,707 次观看 • 4 个月前

From prototyping to end-use parts. All on the same machine. SLS printing combines industrial-grade materials with the design freedom engineers need to create complex products with fewer manufacturing limitations. The team at Palladion Systems developed a print-in-place counter-UAV system manufactured as a single build with deployable arms integrated directly into the design. Manufactured on the Formlabs Fuse Series, this approach reduces assembly, speeds up iteration, and enables scalable production. Find more information about the manufacturing process here: For more information about Palladion Systems:

From prototyping to end-use parts. All on the same machine. SLS printing combines industrial-grade materials with the design freedom engineers need to create complex products with fewer manufacturing limitations. The team at Palladion Systems developed a print-in-place counter-UAV system manufactured as a single build with deployable arms integrated directly into the design. Manufactured on the Formlabs Fuse Series, this approach reduces assembly, speeds up iteration, and enables scalable production. Find more information about the manufacturing process here: For more information about Palladion Systems:

Formlabs

26,925 次观看 • 4 个月前

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

Pietro Schirano

42,871 次观看 • 7 个月前

Claude Design is moving too slowly. So we open-sourced a better alternative. Comment. Mark. Edit. Capture. Remix. Directly on the canvas. Plugins keep it on brand across projects. 22+ agents. Claude Code included. Sync projects. Connect tools. Open Design is already here👉

Open Design

128,823 次观看 • 2 个月前

Canva is expanding where you can design. Building on our partnership with Google, you can now access Canva directly through AI Mode in Google Search. Canva has always been about making design as simple as possible, and now it’s as simple as a Google search.

Canva is expanding where you can design. Building on our partnership with Google, you can now access Canva directly through AI Mode in Google Search. Canva has always been about making design as simple as possible, and now it’s as simple as a Google search.

Canva

24,530 次观看 • 1 个月前

great idea by Benji Taylor. i just added this into the design-plugin. claude will ask you what you want to design/refine and generate 5 variations. then you can leave comments directly on the elements for claude. 🔗

great idea by Benji Taylor. i just added this into the design-plugin. claude will ask you what you want to design/refine and generate 5 variations. then you can leave comments directly on the elements for claude. 🔗

0xDesigner

50,780 次观看 • 7 个月前