Loading video...

Video Failed to Load

Go Home

Here's DetailsPro MCP sharing SwiftUI designs directly with Xcode! Ask your favorite agent to grab one of your designs and watch as DetailsPro provides the SwiftUI code. Tweak and iterate on your design live and let the agent know to grab the changes.

detailsproapp's profile picture

DetailsPro

3,281 subscribers

15,408 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

The magic of Liquid Glass, SwiftUI, and DetailsPro ✨ Liquid Glass is already running as a modifier you can select for any view in your design, in our first build for iOS 26 TestFlight soon
0:22

The magic of Liquid Glass, SwiftUI, and DetailsPro ✨ Liquid Glass is already running as a modifier you can select for any view in your design, in our first build for iOS 26 TestFlight soon

DetailsPro

12,874 views • 1 year ago

Developer Week Day 2. 🛠️ We just gave your Coding Agent a Design Degree🎓🎨 Introducing the Stitch MCP Server. 🔌 You can now pipe Stitch designs directly into your favorite tools like Antigravity. * Generate new screens without leaving your IDE * Fetch the code from any design * Inject context: Give your agent full visual awareness Docs and more information 👇
0:29

Developer Week Day 2. 🛠️ We just gave your Coding Agent a Design Degree🎓🎨 Introducing the Stitch MCP Server. 🔌 You can now pipe Stitch designs directly into your favorite tools like Antigravity. * Generate new screens without leaving your IDE * Fetch the code from any design * Inject context: Give your agent full visual awareness Docs and more information 👇

Stitch by Google

359,502 views • 5 months ago

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys
0:29

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

76,017 views • 1 year ago

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.
0:31

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.

Mattia

183,291 views • 3 months ago

$FIG just launched the Figma Design Agent, a dedicated agent that works alongside users in Figma. The agent lives directly on the canvas, so you can prompt from any design layer, iterate and edit alongside the agent, and hand it boring tasks that would have otherwise taken up a lot of your time. $FIG CEO Dylan Field came on the show today to discuss the launch. Here's our full conversation. 01:18 – Clocking AI-generated designs 03:31 – Figma’s new Design Agent 05:40 – AI code bloat and slop 09:09 – Using AI to augment creativity and branding 15:08 – Why Figma should be the front door to building apps in the AI era 18:53 – How design becomes more important as code commoditizes
20:01

$FIG just launched the Figma Design Agent, a dedicated agent that works alongside users in Figma. The agent lives directly on the canvas, so you can prompt from any design layer, iterate and edit alongside the agent, and hand it boring tasks that would have otherwise taken up a lot of your time. $FIG CEO Dylan Field came on the show today to discuss the launch. Here's our full conversation. 01:18 – Clocking AI-generated designs 03:31 – Figma’s new Design Agent 05:40 – AI code bloat and slop 09:09 – Using AI to augment creativity and branding 15:08 – Why Figma should be the front door to building apps in the AI era 18:53 – How design becomes more important as code commoditizes

TBPN

46,212 views • 1 month ago

We're thrilled to partner with Replit ⠕ on making your Galileo designs LIVE. 🌟 You can now export your designs from Galileo to Replit and edit your designs using code. Thanks for the partnership Replit ⠕!
0:22

We're thrilled to partner with Replit ⠕ on making your Galileo designs LIVE. 🌟 You can now export your designs from Galileo to Replit and edit your designs using code. Thanks for the partnership Replit ⠕!

Stitch by Google

51,694 views • 2 years ago

Introducing Figma export in MagicPath. Design and build with our native agent, or your favorite external one (Codex, Claude Code, etc.). Explore tons of different directions, then bring your work into Figma as fully editable designs. As simple as a copy-paste.
0:21

Introducing Figma export in MagicPath. Design and build with our native agent, or your favorite external one (Codex, Claude Code, etc.). Explore tons of different directions, then bring your work into Figma as fully editable designs. As simple as a copy-paste.

Pietro Schirano

42,132 views • 1 month ago

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:
0:36

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

Open Design

467,566 views • 2 months ago

I built an mcp server to give Cursor the ability to find and add cursor rules to your project no more manual search or commands needed just ask the agent and get back to vibe coding in your language of choice - easy peasy watch the demo and grab the json in replies ↓
2:28

I built an mcp server to give Cursor the ability to find and add cursor rules to your project no more manual search or commands needed just ask the agent and get back to vibe coding in your language of choice - easy peasy watch the demo and grab the json in replies ↓

Ian Nuttall

43,082 views • 1 year ago

Bring your designs to life quickly and accurately with the Figma MCP inside Antigravity.
0:37

Bring your designs to life quickly and accurately with the Figma MCP inside Antigravity.

Google Antigravity

139,789 views • 4 months ago

I built an AI agent that plans your video, writes the script, and designs your thumbnail in one chat.
12:51

I built an AI agent that plans your video, writes the script, and designs your thumbnail in one chat.

Rahaman Bin Ujit

18,159 views • 1 month ago

Google has released its own MCP server for Stitch, which can be used to generate UI designs on the fly and fetch code directly from your IDE.
0:29

Google has released its own MCP server for Stitch, which can be used to generate UI designs on the fly and fetch code directly from your IDE.

TestingCatalog News 🗞

109,795 views • 5 months ago

Quotes app created using the #SwiftUI framework ✨ Design Inspired by Tubik on Dribbble. I'd love to get your feedback, Let me know. #ios #iosdeveloper #dev #programming #tech #apple #coding #xcode #iosdevelopment
0:39

Quotes app created using the #SwiftUI framework ✨ Design Inspired by Tubik on Dribbble. I'd love to get your feedback, Let me know. #ios #iosdeveloper #dev #programming #tech #apple #coding #xcode #iosdevelopment

Shubham Singh

23,730 views • 1 year ago

Google just released its own MCP (Model Control Plane) server for Stitch, turning LLM coding agents into UI-savvy collaborators. The new Stitch MCP Server pipes designs directly into your IDE. 🔹 Generate new screens 🔹 Fetch code from any design 🔹 Give your agent full visual context
0:29

Google just released its own MCP (Model Control Plane) server for Stitch, turning LLM coding agents into UI-savvy collaborators. The new Stitch MCP Server pipes designs directly into your IDE. 🔹 Generate new screens 🔹 Fetch code from any design 🔹 Give your agent full visual context

Wes Roth

138,465 views • 5 months ago

I love working in terminal, but I can't design or brainstorm in there. So I built Hatch! One IDE for the full loop: explore ideas → test out designs with SuperDesign.Dev → find right skills for the job → ship with agents. > build: supports Claude code, OpenCode and Cursor agents in parallel with worktrees. > idea maze: use the canvas to sketch out ideas, paste tweets or images. > idea maze: let your agent make connections, critique your ideas or come up with related ones. > design: bring SuperDesign.Dev prompts or exports directly into your workspaces. vibedesign before vibecoding. > skills: ask your agent what skills to get with your workspace context. All open source!
0:24

I love working in terminal, but I can't design or brainstorm in there. So I built Hatch! One IDE for the full loop: explore ideas → test out designs with SuperDesign.Dev → find right skills for the job → ship with agents. > build: supports Claude code, OpenCode and Cursor agents in parallel with worktrees. > idea maze: use the canvas to sketch out ideas, paste tweets or images. > idea maze: let your agent make connections, critique your ideas or come up with related ones. > design: bring SuperDesign.Dev prompts or exports directly into your workspaces. vibedesign before vibecoding. > skills: ask your agent what skills to get with your workspace context. All open source!

Firat Sertgoz

38,578 views • 6 months ago

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

299,884 views • 5 months ago

🔧 Let your coding agent identify and fix INP issues for you → With Chrome DevTools MCP, your coding agent can measure performance for specific user interactions to find and resolve slow UI responses - on its own with the help of the browser!
0:31

🔧 Let your coding agent identify and fix INP issues for you → With Chrome DevTools MCP, your coding agent can measure performance for specific user interactions to find and resolve slow UI responses - on its own with the help of the browser!

Chrome for Developers

16,696 views • 8 months ago

design skills don’t matter anymore google's vibe design agent can talk, watch your designs on canvas in realtime.. tell you why its bad and edit for you
0:29

design skills don’t matter anymore google's vibe design agent can talk, watch your designs on canvas in realtime.. tell you why its bad and edit for you

el.cine

81,191 views • 4 months ago

Introducing SF Catalog ✨ A better way to work with SF Symbols. Explore, filter by availability, try modifiers & animations, and grab the UIKit / SwiftUI code when it looks right. Available on iPhone & Mac #swiftui
0:46

Introducing SF Catalog ✨ A better way to work with SF Symbols. Explore, filter by availability, try modifiers & animations, and grab the UIKit / SwiftUI code when it looks right. Available on iPhone & Mac #swiftui

Shubham Singh

14,162 views • 3 months ago

Build your ideas with Cursor and Figma. Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.
6:58

Build your ideas with Cursor and Figma. Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.

Cursor

276,310 views • 9 months ago