Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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👉

OpenDesignHQ's profile picture

Open Design

15,633 subscribers

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Cursor Design is real now. And we open-sourced it for everyone. Point. Comment. Mark. Edit. Capture and remix. Let AI design everything for you. Take control anytime. This is how a real AI design studio works:👉
0:46

Cursor Design is real now. And we open-sourced it for everyone. Point. Comment. Mark. Edit. Capture and remix. Let AI design everything for you. Take control anytime. This is how a real AI design studio works:👉

Open Design

308,735 görüntüleme • 2 ay önce

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇
3:28

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇

Jayneil Dalal

54,117 görüntüleme • 6 ay önce

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.
0:54

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

300,276 görüntüleme • 6 ay önce

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.
0:57

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.

Tom Krcha

79,863 görüntüleme • 4 ay önce

Claude Code is the best coding agent on the market, but there is a catch: you have to keep your terminal open. This is why we built Terragon: use Claude Code as a background agent.
0:48

Claude Code is the best coding agent on the market, but there is a catch: you have to keep your terminal open. This is why we built Terragon: use Claude Code as a background agent.

Sawyer Hood

151,045 görüntüleme • 1 yıl önce

Spent the day testing Claude Opus 4.7. Last month I built a design director agent for OpenClaw and now it cooks. 15 minutes in, Paper Design MCP + Claude Code had made me a rough draft. In under an hour, a Framer worthy site. My workflow: 1. Feed my agent references so it can extract design systems and lock in on my taste 2. Claude Code calls Paper Design MCP to generate the visual system (just keep the Paper app open) 3. Paper exports the assets and Claude Code then preps the build docs 4. Agent loops back, critiques, iterates Got no clue why anyone is paying $10K for a website anymore. It’s easy now.
4:19

Spent the day testing Claude Opus 4.7. Last month I built a design director agent for OpenClaw and now it cooks. 15 minutes in, Paper Design MCP + Claude Code had made me a rough draft. In under an hour, a Framer worthy site. My workflow: 1. Feed my agent references so it can extract design systems and lock in on my taste 2. Claude Code calls Paper Design MCP to generate the visual system (just keep the Paper app open) 3. Paper exports the assets and Claude Code then preps the build docs 4. Agent loops back, critiques, iterates Got no clue why anyone is paying $10K for a website anymore. It’s easy now.

klöss

14,585 görüntüleme • 4 ay önce

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:
16:38

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:

Jason Zhou

40,635 görüntüleme • 1 yıl önce

Claude Code is now included in the Claude Pro plan which means Pro plan subscribers can use their rate limits for Claude apps and Claude Code! To celebrate, here's a conversation with Claude Code's founding engineer, Boris Cherny, on: - how we use Claude Code at Anthropic - underrated tips for using it effectively - the future of coding tools - and more!
20:43

Claude Code is now included in the Claude Pro plan which means Pro plan subscribers can use their rate limits for Claude apps and Claude Code! To celebrate, here's a conversation with Claude Code's founding engineer, Boris Cherny, on: - how we use Claude Code at Anthropic - underrated tips for using it effectively - the future of coding tools - and more!

Alex Albert

123,756 görüntüleme • 1 yıl önce

We built Openwork! I found Claude Cowork to be too expensive So i asked Claude Code to build me a better version with Composio tool router It can: - access local files and your terminal via claude code - connect and use 500+ apps like gmail, outlook, slack on demand - chain actions across local files and cloud apps in one flow In the demo we use it to scan through my laptop and find all my unfinished projects and put them in a notion database with completion status. excited to see more usecases link:
1:09

We built Openwork! I found Claude Cowork to be too expensive So i asked Claude Code to build me a better version with Composio tool router It can: - access local files and your terminal via claude code - connect and use 500+ apps like gmail, outlook, slack on demand - chain actions across local files and cloud apps in one flow In the demo we use it to scan through my laptop and find all my unfinished projects and put them in a notion database with completion status. excited to see more usecases link:

Karan Vaidya

241,615 görüntüleme • 7 ay önce

The person who built Claude Code just explained how he is using it "Now I just have an army of agents that are doing stuff" Only 18 minutes, the best Claude guide on the internet right now. Boris Cherny covered: > how Claude Code is moving beyond just engineers > routines for CI, code review, and daily workflows > why the loop is the next big leap > working with hundreds of agents at once everything is already running through agents, ignoring this is not an option that's exactly why I wrote a full guide on how to build one yourself with Claude Code article below
17:28

The person who built Claude Code just explained how he is using it "Now I just have an army of agents that are doing stuff" Only 18 minutes, the best Claude guide on the internet right now. Boris Cherny covered: > how Claude Code is moving beyond just engineers > routines for CI, code review, and daily workflows > why the loop is the next big leap > working with hundreds of agents at once everything is already running through agents, ignoring this is not an option that's exactly why I wrote a full guide on how to build one yourself with Claude Code article below

Anatoli Kopadze

16,858 görüntüleme • 2 ay önce

Introducing SuperDesign.Dev The first open-source Design Agent that lives inside Cursor, Windsurf, or any IDE: 👉 Instantly spin up 10 different design in parallel 👉 Explore, fork, and iterate 10x faster 👉 Create new or iterate on your existing UI — all fully local JackJack and I shipped this as a quick weekend experiment to validate a hunch: design is the killer use case for parallel agents. Currently at V0.005 — a simple customization of the Claude Code SDK + static HTML generation. (We might be the first product powered by the Anthropic Claude Code SDK!) More coming soon: web app, mobile app, SVG generation, and more. GitHub: Try it out: ----- Upvote on Hacker News ❤️:
0:55

Introducing SuperDesign.Dev The first open-source Design Agent that lives inside Cursor, Windsurf, or any IDE: 👉 Instantly spin up 10 different design in parallel 👉 Explore, fork, and iterate 10x faster 👉 Create new or iterate on your existing UI — all fully local JackJack and I shipped this as a quick weekend experiment to validate a hunch: design is the killer use case for parallel agents. Currently at V0.005 — a simple customization of the Claude Code SDK + static HTML generation. (We might be the first product powered by the Anthropic Claude Code SDK!) More coming soon: web app, mobile app, SVG generation, and more. GitHub: Try it out: ----- Upvote on Hacker News ❤️:

Jason Zhou

49,435 görüntüleme • 1 yıl önce

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying
0:58

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Om Patel

401,101 görüntüleme • 4 ay önce

Block just open sourced Berd, the desktop app its teams use internally to work with AI agents across projects, skills, tools, and models. "We had access to increasingly capable agents through tools such as Goose, Claude Code, and Codex, but working with them meant navigating different interfaces, configuration systems, and ways of managing context. The technology was powerful, but the experience around it was fragmented." Berd brings conversations, files, instructions, agents, and skills together in one place with persistent projects. Built on top of Goose, the open source agent framework Block contributed to the Agentic AI Foundation under the Linux Foundation. Berd connects to Goose through the Agent Client Protocol, handling the desktop experience while Goose runs the underlying agent loop. Block also recently released Buzz, a separate open source workspace for collaborative agent work. Berd is where you start alone. Buzz is where you go multiplayer.
1:40

Block just open sourced Berd, the desktop app its teams use internally to work with AI agents across projects, skills, tools, and models. "We had access to increasingly capable agents through tools such as Goose, Claude Code, and Codex, but working with them meant navigating different interfaces, configuration systems, and ways of managing context. The technology was powerful, but the experience around it was fragmented." Berd brings conversations, files, instructions, agents, and skills together in one place with persistent projects. Built on top of Goose, the open source agent framework Block contributed to the Agentic AI Foundation under the Linux Foundation. Berd connects to Goose through the Agent Client Protocol, handling the desktop experience while Goose runs the underlying agent loop. Block also recently released Buzz, a separate open source workspace for collaborative agent work. Berd is where you start alone. Buzz is where you go multiplayer.

TFTC

53,519 görüntüleme • 5 gün ö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,078 görüntüleme • 4 ay önce

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).
18:30

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).

JJ Englert

32,445 görüntüleme • 4 ay önce

a little haiku 4.5 demo: cursor for design. this video is 2x speed because i'm slow at typing, but it's pretty fast at 1x too. feels nice to let claude edit the canvas faster than i could! now let's hope it gets a bit better at visual taste...
0:52

a little haiku 4.5 demo: cursor for design. this video is 2x speed because i'm slow at typing, but it's pretty fast at 1x too. feels nice to let claude edit the canvas faster than i could! now let's hope it gets a bit better at visual taste...

nate parrott

35,538 görüntüleme • 10 ay önce

I've been working on this humble Claude Code alternative. In a nutshell: containerized by default, multi-provider (Anthropic, OpenAI, Gemini & Grok so far), self-building dev environments & 100% open-source, 100% Go. The repo is brand new, only 1 ⭐️, 🥲.
0:33

I've been working on this humble Claude Code alternative. In a nutshell: containerized by default, multi-provider (Anthropic, OpenAI, Gemini & Grok so far), self-building dev environments & 100% open-source, 100% Go. The repo is brand new, only 1 ⭐️, 🥲.

Adrian Duermael

148,046 görüntüleme • 5 ay önce

MAC MINI + IPAD + CLAUDE OPUS 4.8 = THE MOST UNDERRATED SETUP OF 2026 > $600 Mac Mini M4 in the closet. no monitor. autonomous agents running 24/7 > reviewing code, managing files, handling workflows while you sleep > you wake up, open the iPad, connect to the full desktop, see what got done coffee shop. lid open. check on the agents. nudge one. close it. your AI keeps working > Mac Mini M4: $600 > Claude: $20/month > iPad you already own this is a remote AI office that fits in a shoebox demo below. Claude skills that run on this setup are in the article above
1:00

MAC MINI + IPAD + CLAUDE OPUS 4.8 = THE MOST UNDERRATED SETUP OF 2026 > $600 Mac Mini M4 in the closet. no monitor. autonomous agents running 24/7 > reviewing code, managing files, handling workflows while you sleep > you wake up, open the iPad, connect to the full desktop, see what got done coffee shop. lid open. check on the agents. nudge one. close it. your AI keeps working > Mac Mini M4: $600 > Claude: $20/month > iPad you already own this is a remote AI office that fits in a shoebox demo below. Claude skills that run on this setup are in the article above

Mr. Buzzoni

47,978 görüntüleme • 2 ay önce

In March 2025, Dario Amodei said that “In 12 months, AI [may be] writing essentially all of the code.” 9 months later, Anthropic released Claude Codework (the team gave plans and design, but Claude generated all the code in 10 days). From here, Amodei says the programmer’s role is to set specifications for the AI: ▫️What are the conditions of what you’re doing? ▫️What is the overall app you’re trying to make? ▫️What’s the overall design decision? How do we collaborate with other code that’s been written? ▫️How do we have some common sense on whether [this] is a secure design or an insecure design? But he ultimately believes Claude will automate all of that too.
1:35

In March 2025, Dario Amodei said that “In 12 months, AI [may be] writing essentially all of the code.” 9 months later, Anthropic released Claude Codework (the team gave plans and design, but Claude generated all the code in 10 days). From here, Amodei says the programmer’s role is to set specifications for the AI: ▫️What are the conditions of what you’re doing? ▫️What is the overall app you’re trying to make? ▫️What’s the overall design decision? How do we collaborate with other code that’s been written? ▫️How do we have some common sense on whether [this] is a secure design or an insecure design? But he ultimately believes Claude will automate all of that too.

Bearly AI

154,029 görüntüleme • 7 ay önce

I found a skill that turns Claude into an AI ad creative maker. It’s called Goose Ads by Gooseworks, and it works directly inside Claude, Claude Code, Cowork, or Codex. You can now create ad creatives for your brand with one command. How it works: → Install Gooseworks npx gooseworks install --all → Run this prompt /goose-ads create ads for my brand → Optional Pick templates you like on the platform Goose Ads finds creatives that companies are already spending money on, studies what is working, and generates new ad creatives for your brand. It also keeps everything aligned with your website, messaging, logo, assets, and positioning, so the final output feels brand-ready instead of generic. And this is bigger than one ad skill. Gooseworks has 100+ open-source growth skills for ads, content, competitor research, GTM, SEO, lead generation, and more. Claude is slowly becoming more than a chatbot. It is becoming a growth operator. Comment 'Goose' and I’ll DM you the full open-source skill library.
0:28

I found a skill that turns Claude into an AI ad creative maker. It’s called Goose Ads by Gooseworks, and it works directly inside Claude, Claude Code, Cowork, or Codex. You can now create ad creatives for your brand with one command. How it works: → Install Gooseworks npx gooseworks install --all → Run this prompt /goose-ads create ads for my brand → Optional Pick templates you like on the platform Goose Ads finds creatives that companies are already spending money on, studies what is working, and generates new ad creatives for your brand. It also keeps everything aligned with your website, messaging, logo, assets, and positioning, so the final output feels brand-ready instead of generic. And this is bigger than one ad skill. Gooseworks has 100+ open-source growth skills for ads, content, competitor research, GTM, SEO, lead generation, and more. Claude is slowly becoming more than a chatbot. It is becoming a growth operator. Comment 'Goose' and I’ll DM you the full open-source skill library.

Jaynit Makwana

53,943 görüntüleme • 1 ay önce