Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

For your next website… Skip the CMS Define structure and layout in code with Svelte Let clients edit text, images, and videos directly on the page — easily and safely, without breaking your design This is Editable — launching in preview today

Michael Aufreiter

1,835 subscribers

55,252 views • 15 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

✍️ Introducing On-Page Editing for Framer. Edit text, replace images, and create new CMS pages, all directly on your site. No canvas. No CMS. The next chapter of editing and publishing begins.

✍️ Introducing On-Page Editing for Framer. Edit text, replace images, and create new CMS pages, all directly on your site. No canvas. No CMS. The next chapter of editing and publishing begins.

Framer

265,345 views • 1 year ago

CapCut Design Studio Creative Series: Episode 9 - Just Text Editing. Sometimes your message is ready for the world, but your words aren't. What if your designs could do the talking? Edit text directly in your visuals and shape your message as easily as you change your mind.

CapCut Design Studio Creative Series: Episode 9 - Just Text Editing. Sometimes your message is ready for the world, but your words aren't. What if your designs could do the talking? Edit text directly in your visuals and shape your message as easily as you change your mind.

CapCut

42,249 views • 2 months ago

Live-edit documents, websites, and code diffs directly in the Factory Desktop App with design mode. Get all your work done without ever having to leave the app.

Live-edit documents, websites, and code diffs directly in the Factory Desktop App with design mode. Get all your work done without ever having to leave the app.

Factory

48,685 views • 2 months ago

Magnific Plugin now available on Figma → Generate images with the latest models → Text-to-vector and editable layers → The magnific upscaler, up to 16x, on your canvas → Relight, change camera, remove backgrounds without a reshoot Open it directly on Figma

Magnific Plugin now available on Figma → Generate images with the latest models → Text-to-vector and editable layers → The magnific upscaler, up to 16x, on your canvas → Relight, change camera, remove backgrounds without a reshoot Open it directly on Figma

Magnific

33,485 views • 2 months ago

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Stitch by Google

488,645 views • 5 months ago

The all new Affinity is here! Design, edit photos and layout your work, all in one app — for free 💥 Download Affinity now on macOS or Windows:

The all new Affinity is here! Design, edit photos and layout your work, all in one app — for free 💥 Download Affinity now on macOS or Windows:

Affinity

4,257,961 views • 10 months ago

Figma Capture + Claude Fable 5 = clone any competitor's landing page in minutes 🤯 Figma just dropped a Chrome extension that copy/pastes any live website into Figma as editable layers. Point Claude Code — running the new Fable 5 model — at the capture, and it rebuilds the whole page in YOUR brand: structure, copy, design system, photography. All inside Claude Code. Perfect for DTC brands and agencies who keep losing weeks rebuilding proven landers from scratch. If you're still cloning competitor pages the old way, You're screenshotting their site and praying the AI guesses the structure right. You're rebuilding sections by hand because the fonts and spacing never come out true. You're paying a designer $3K to recreate a page that already exists. This workflow eliminates the entire loop: → Capture the competitor's landing page with Figma's new Chrome extension — editable layers, not screenshots → Claude Code reads the page structure through the Figma MCP: every section, every headline, in order → It rebuilds the page in YOUR brand — your colors, your fonts, your voice (it even respects your banned-words list) → GPT Image 2 generates on-brand product photography from the layer names → Claude places every image automatically — finished page, ready to ship No screenshots. No guessing at structure. No design invoice. What you get: → A pixel-structured clone of any proven lander, rebuilt in your brand → Every line of copy rewritten in your voice → 16 on-brand images generated and placed for ~$2 in API costs → Start to finish in about 15 minutes Built 100% with Figma + Claude Code on Claude Fable 5. I put together a step-by-step playbook showing you exactly how to set it up. Want access for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)

Mike Futia

47,034 views • 3 months ago

launching mcp + cli for anim8 design, animate, and fine-tune keyframes with your own ai + unlimited image & video vectorization turn ai-generated mascot art and videos into editable vector layers for your apps launch video made entirely in

launching mcp + cli for anim8 design, animate, and fine-tune keyframes with your own ai + unlimited image & video vectorization turn ai-generated mascot art and videos into editable vector layers for your apps launch video made entirely in

adrian (adi)

16,536 views • 5 days ago

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

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 views • 5 months ago

🦄Change the text on ad banner and keep your credits. Click twice and edit without extra generation. For the next 24 hours RT, follow, comment ZEELY👇 to start for brand scaling and $100 promo code for new users.

Zeely AI

49,348 views • 22 days ago

Today we’re releasing an early preview of the /design command in Claude Code! from CC Desktop or CLI, try something like "/design a few options for {feature}" before you build — pick your fave artboard, edit it and implement.

Today we’re releasing an early preview of the /design command in Claude Code! from CC Desktop or CLI, try something like "/design a few options for {feature}" before you build — pick your fave artboard, edit it and implement.

nate parrott

917,753 views • 24 days ago

🎨 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 views • 2 months ago

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles

Figma

124,690 views • 2 years ago

Designers, stop manually designing your website for mobile devices. → Instead, go to Framer → Prepare your design on desktop only. → Select your layout and switch to Agent. → And enter the prompt below → Get a mobile and tablet view instantly → Tweak it inside the chat → And preview as a fully responsive site

Designers, stop manually designing your website for mobile devices. → Instead, go to Framer → Prepare your design on desktop only. → Select your layout and switch to Agent. → And enter the prompt below → Get a mobile and tablet view instantly → Tweak it inside the chat → And preview as a fully responsive site

Abraham John 🦄🦓

16,372 views • 2 months ago

#ad Design and nurture your dream garden in @honeygrovegame, the cozy gardening sim launching TODAY for World Kindness Day! 🐝 Available FREE on iOS & Android: ✨ Use code KINDNESS for free decor!

#ad Design and nurture your dream garden in @honeygrovegame, the cozy gardening sim launching TODAY for World Kindness Day! 🐝 Available FREE on iOS & Android: ✨ Use code KINDNESS for free decor!

Wholesome Games | Wholesome Direct June 6

10,944 views • 1 year ago

Adobe just flipped the entire design industry upside down you can generate and edit images, videos, sound, and 3D with AI directly in Photoshop & Premiere Pro this is the day AI officially replaces 90% designers 10 crazy AI features and how they actually work:

Adobe just flipped the entire design industry upside down you can generate and edit images, videos, sound, and 3D with AI directly in Photoshop & Premiere Pro this is the day AI officially replaces 90% designers 10 crazy AI features and how they actually work:

el.cine

243,280 views • 10 months ago

Today I'm soft launching , the world's first AI computer. Most people could be creating way more with their computers. Instead, they're stuck consuming content made by other people. Zo Computer is a new kind of computer in the cloud, with an AI that "lives" in your computer. You can choose between all the leading models, and just chat (or text) with your new computer to: • write • research • vibe code • generate images and videos • host websites and APIs • save articles • set reminders • automate your life and much more. And because Zo is *your* personal server, everything is stored and hosted on it – your files, your sites, and even the Zo app itself.

Today I'm soft launching , the world's first AI computer. Most people could be creating way more with their computers. Instead, they're stuck consuming content made by other people. Zo Computer is a new kind of computer in the cloud, with an AI that "lives" in your computer. You can choose between all the leading models, and just chat (or text) with your new computer to: • write • research • vibe code • generate images and videos • host websites and APIs • save articles • set reminders • automate your life and much more. And because Zo is your personal server, everything is stored and hosted on it – your files, your sites, and even the Zo app itself.

hraness ☀️

33,437 views • 11 months ago