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

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

На главную

🇺🇸 Claude drops a new design feature… and suddenly Figma and Adobe shares start sliding, with Figma taking the hardest hit. Why? Because you can now build prototypes, websites, presentations, and one-pagers just by chatting. No design tools, no steep learning curve; just prompts. Entire workflows just got replaced...

MarioNawfal's profile picture

Mario Nawfal

3,671,303 subscribers

195,502 просмотров • 4 месяцев назад •via X (Twitter)

Новости и политикаНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

Figma now is actually a beast for motion. ❤️‍🔥 Just recorded a 13 min tutorial on how to use Figma to design and build $10k animated websites (step-by-step).
13:26

Figma now is actually a beast for motion. ❤️‍🔥 Just recorded a 13 min tutorial on how to use Figma to design and build $10k animated websites (step-by-step).

Viktor Oddy

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

We noticed on Tuesday! And called yesterday to watch out for Figma and Adobe at risk. Now the market has noticed too. Anthropic’s Chief Product Officer stepped down from Figma’s board… right before Anthropic introduced its first AI design tool, Claude Design. Figma stock dropping as investors start to price in a new kind of threat. Not just another design tool… but design generated from a prompt. Adobe stock also lower on the news.
2:48

We noticed on Tuesday! And called yesterday to watch out for Figma and Adobe at risk. Now the market has noticed too. Anthropic’s Chief Product Officer stepped down from Figma’s board… right before Anthropic introduced its first AI design tool, Claude Design. Figma stock dropping as investors start to price in a new kind of threat. Not just another design tool… but design generated from a prompt. Adobe stock also lower on the news.

Brew Markets

52,033 просмотров • 4 месяцев назад

CLAUDE JUST COLLAPSED THE ENTIRE DESIGN STACK INTO A CHAT WINDOW. Canva. Figma. Slide decks. UI mockups. Infographics. All compressed into prompts. This video barely looks real. One prompt generates a full mobile app interface. Another turns random files into polished presentations and PDFs. Then the craziest part: you can export the entire design directly into Claude Code and continue building it instantly. The wall between design and development is disappearing in real time. The math nobody is doing. A startup that needed: • a UI designer • a presentation designer • a frontend mockup artist can now prototype everything in one workflow before hiring anyone. That changes who gets to build. A solo founder with taste and good prompts suddenly has capabilities that required entire creative teams in 2024. The bottleneck is no longer software. It’s judgment.
1:34

CLAUDE JUST COLLAPSED THE ENTIRE DESIGN STACK INTO A CHAT WINDOW. Canva. Figma. Slide decks. UI mockups. Infographics. All compressed into prompts. This video barely looks real. One prompt generates a full mobile app interface. Another turns random files into polished presentations and PDFs. Then the craziest part: you can export the entire design directly into Claude Code and continue building it instantly. The wall between design and development is disappearing in real time. The math nobody is doing. A startup that needed: • a UI designer • a presentation designer • a frontend mockup artist can now prototype everything in one workflow before hiring anyone. That changes who gets to build. A solo founder with taste and good prompts suddenly has capabilities that required entire creative teams in 2024. The bottleneck is no longer software. It’s judgment.

lagerskoy

11,485 просмотров • 2 месяцев назад

Last week, Anthropic dropped the coolest "AI isn't just chat" product. Claude Design lets you describe what you want to Claude and it returns prototypes, slides, and one-pagers by just chatting. You can then export to Canva, PDF, PPT, or hand off to Claude Code. You can give your entire design system and codebase to apply automatically to your project, and can share and collaborate with your team. The direct connect to GitHub will probably be my most used feature. Feels directly like a competitor to Figma or just a way to further boost collaboration with Claude. I built a preview of an app that allows CSGO players to meet and squad up with other players, marketplace for in-game loadouts, and pay high-ranking players to mentor them. (CSGO is a game released in 2012 and still consistently one of the highest watched games on Twitch, extremely popular in esports, highly competitive, and an all-around classic game - I know this because a gen zer talked to me about it for 2 straight hours.) I'll keep sharing more examples here.
1:52

Last week, Anthropic dropped the coolest "AI isn't just chat" product. Claude Design lets you describe what you want to Claude and it returns prototypes, slides, and one-pagers by just chatting. You can then export to Canva, PDF, PPT, or hand off to Claude Code. You can give your entire design system and codebase to apply automatically to your project, and can share and collaborate with your team. The direct connect to GitHub will probably be my most used feature. Feels directly like a competitor to Figma or just a way to further boost collaboration with Claude. I built a preview of an app that allows CSGO players to meet and squad up with other players, marketplace for in-game loadouts, and pay high-ranking players to mentor them. (CSGO is a game released in 2012 and still consistently one of the highest watched games on Twitch, extremely popular in esports, highly competitive, and an all-around classic game - I know this because a gen zer talked to me about it for 2 straight hours.) I'll keep sharing more examples here.

Allie K. Miller

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

🚨BREAKING: You can now build full websites by just typing. It’s called Youware, and it runs on pure vibe coding. Here’s how it works (with a live demo):👇 1. Create a web page or game just by typing. You can even send a screenshot to make it live. 2. Use built-in tools like Figma, YouTube, and Notion. 3. Change a Figma design into a real website. 4. Change how the webpage looks with one click using the boost button on the profile page. 5. Easily deploy code with a link you can share. 6. Highlights: free online AI coding. Try it today:
0:23

🚨BREAKING: You can now build full websites by just typing. It’s called Youware, and it runs on pure vibe coding. Here’s how it works (with a live demo):👇 1. Create a web page or game just by typing. You can even send a screenshot to make it live. 2. Use built-in tools like Figma, YouTube, and Notion. 3. Change a Figma design into a real website. 4. Change how the webpage looks with one click using the boost button on the profile page. 5. Easily deploy code with a link you can share. 6. Highlights: free online AI coding. Try it today:

Hasan Toor

73,516 просмотров • 1 год назад

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉
1:23

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

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

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

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.
0:35

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

Alvaro Cintas

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

Why we switched from Figma to Claude Design “I let the team do whatever is best for them, and this is a trend I've observed amongst almost everybody: Claude Design has done a great job. People really like using it, it's easy to use, and we've had a natural movement towards it. It's also easier to not manage too many tools and licenses. Because Claude keeps making all these great features, people just gravitate towards it, with less friction than having procurement issue Figma licenses for every single person.” To what extent do you think Claude Design cannibalises Figma Danny Trinh Siqi Chen Julie Zhuo Jackie Bavaro
0:33

Why we switched from Figma to Claude Design “I let the team do whatever is best for them, and this is a trend I've observed amongst almost everybody: Claude Design has done a great job. People really like using it, it's easy to use, and we've had a natural movement towards it. It's also easier to not manage too many tools and licenses. Because Claude keeps making all these great features, people just gravitate towards it, with less friction than having procurement issue Figma licenses for every single person.” To what extent do you think Claude Design cannibalises Figma Danny Trinh Siqi Chen Julie Zhuo Jackie Bavaro

Harry Stebbings

47,310 просмотров • 21 дней назад

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers
0:51

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

61,199 просмотров • 2 месяцев назад

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

Here's our comprehensive tutorial, which will guide you through building fully functional web and mobile apps using Rocket, with no coding required. We’ll guide you step by step through the entire process, from transforming Figma designs or natural language prompts into working interfaces to setting up backend logic and integrating powerful AI features. Whether you start with a design or just an idea, you’ll go from concept to launch in no time. 🔗
38:26

Here's our comprehensive tutorial, which will guide you through building fully functional web and mobile apps using Rocket, with no coding required. We’ll guide you step by step through the entire process, from transforming Figma designs or natural language prompts into working interfaces to setting up backend logic and integrating powerful AI features. Whether you start with a design or just an idea, you’ll go from concept to launch in no time. 🔗

Rocket

106,191 просмотров • 1 год назад

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.
2:00

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

Tommy Geoco

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

do you understand what just shipped? → AI agents can now design directly on Figma’s canvas. not cheesy mockups… or lame screenshots… real native Figma assets wired to your actual design system → the use_figma MCP tool lets Claude Code, Codex, Cursor, and 6 other coding agents write directly to your Figma files → agents read your component library first and build with what already exists… variables, tokens, auto layout, the works → skills let you teach agents HOW your team designs. a skill is just a markdown file… anyone who understands Figma can write one → also works with Copilot CLI, Copilot in VS Code, Factory, Firebender, Augment, and Warp → free during beta… usage based pricing coming later the design to code gap that’s haunted every product team just collapsed in front of our eyes. designers hand off to agents now no need to wait on developers anymore everyone can take a deep breath now if you’re building products and not connecting Figma to your agents yet, you’re leaving serious speed on the table. set this up today. you’ll thank me later
0:23

do you understand what just shipped? → AI agents can now design directly on Figma’s canvas. not cheesy mockups… or lame screenshots… real native Figma assets wired to your actual design system → the use_figma MCP tool lets Claude Code, Codex, Cursor, and 6 other coding agents write directly to your Figma files → agents read your component library first and build with what already exists… variables, tokens, auto layout, the works → skills let you teach agents HOW your team designs. a skill is just a markdown file… anyone who understands Figma can write one → also works with Copilot CLI, Copilot in VS Code, Factory, Firebender, Augment, and Warp → free during beta… usage based pricing coming later the design to code gap that’s haunted every product team just collapsed in front of our eyes. designers hand off to agents now no need to wait on developers anymore everyone can take a deep breath now if you’re building products and not connecting Figma to your agents yet, you’re leaving serious speed on the table. set this up today. you’ll thank me later

klöss

101,073 просмотров • 4 месяцев назад

a new incredible AI tool just dropped. now you can DESIGN lifelike voices with precise emotion control and.. even clone any voice with just a 10s clip step by step tutorial:
0:20

a new incredible AI tool just dropped. now you can DESIGN lifelike voices with precise emotion control and.. even clone any voice with just a 10s clip step by step tutorial:

el.cine

236,832 просмотров • 1 год назад

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams
0:48

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

Peter Yang

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

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