Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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.

OpenDesignHQ's profile picture

OpenDesign

21,424 subscribers

23,487 görüntüleme • 2 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

14 Yorum

Mauricio Castro profil fotoğrafı
Mauricio Castro2 ay önce

How can I add a custom design system?

OpenDesign profil fotoğrafı
OpenDesign2 ay önce

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

OpenDesign profil fotoğrafı
OpenDesign2 ay önce

Explore more👉

AI Mastery Guide profil fotoğrafı
AI Mastery Guide2 ay önce

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

Jack Nelson profil fotoğrafı
Jack Nelson2 ay önce

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

OpenDesign profil fotoğrafı
OpenDesign2 ay önce

❤️

Nick Venturi profil fotoğrafı
Nick Venturi2 ay önce

gonna install fifty of these and still only use one 😭

Aslıhan Karaca profil fotoğrafı
Aslıhan Karaca2 ay önce

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

OpenDesign profil fotoğrafı
OpenDesign2 ay önce

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 profil fotoğrafı
LottieFiles2 ay önce

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

OpenDesign profil fotoğrafı
OpenDesign2 ay önce

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

LottieFiles profil fotoğrafı
LottieFiles2 ay önce

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

AbdurRab Beyg profil fotoğrafı
AbdurRab Beyg2 ay önce

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

LottieFiles profil fotoğrafı
LottieFiles2 ay önce

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

Benzer Videolar

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 görüntüleme • 3 yıl önce

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. 👉
0:53

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 görüntüleme • 3 ay önce

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👉
0:23

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 görüntüleme • 3 ay önce

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. 👇
0:33

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 görüntüleme • 4 ay önce

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

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 görüntüleme • 5 ay önce

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

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 görüntüleme • 1 ay önce

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

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

Luke Wroblewski

31,440 görüntüleme • 6 ay önce

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

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 görüntüleme • 3 ay önce

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

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 görüntüleme • 3 ay önce

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

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 görüntüleme • 11 ay önce

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

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 görüntüleme • 4 ay önce

🎨 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.
0:30

🎨 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 görüntüleme • 6 ay önce

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

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 görüntüleme • 3 yıl önce

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)
2:12

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 görüntüleme • 4 ay önce

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

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 görüntüleme • 4 ay önce

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

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 görüntüleme • 7 ay önce

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👉
0:53

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 görüntüleme • 2 ay önce

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

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 görüntüleme • 1 ay önce

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. 🔗
0:21

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 görüntüleme • 7 ay önce