Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

Been using Paper MCP with Claude Code today and I’m kind of blown away! I tested importing Figma designs, then iterating on them using live Supabase data (via MCP). It genuinely feels like a glimpse of where design is heading. would love Paper to add something like agentation from... show more

Gon

2,075 subscribers

72,847 görüntüleme • 6 ay önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

damn its so easy to go from design -> code with Figma MCP + Claude Code. literally just one click of a button, and the code is ready! still a lot of polishing to do, but this has helped us make development ~50% faster 😁

damn its so easy to go from design -> code with Figma MCP + Claude Code. literally just one click of a button, and the code is ready! still a lot of polishing to do, but this has helped us make development ~50% faster 😁

Marcel

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

A lot of people asked how to connect Burp Suite MCP with OpenCode after my burpsuite mcp with Claude Code guide. So here you go 👇 1. Fire up Burp → Install the MCP extension → Run the required BMCP setup checks 2. Follow the setup guide → BMCP + Claude Code guide 3. Connect it to OpenCode opencode mcp add → Server name: burp → Server type: remote → Address: 127.0.0.1:9876 And that's it. I tested it by opening example./com through Burp and interacting with it using OpenCode + Burp MCP. If you're already using OpenCode for security work, this is a pretty clean way to bring Burp into the workflow. 🔥

A lot of people asked how to connect Burp Suite MCP with OpenCode after my burpsuite mcp with Claude Code guide. So here you go 👇 1. Fire up Burp → Install the MCP extension → Run the required BMCP setup checks 2. Follow the setup guide → BMCP + Claude Code guide 3. Connect it to OpenCode opencode mcp add → Server name: burp → Server type: remote → Address: 127.0.0.1:9876 And that's it. I tested it by opening example./com through Burp and interacting with it using OpenCode + Burp MCP. If you're already using OpenCode for security work, this is a pretty clean way to bring Burp into the workflow. 🔥

Abhishek

14,940 görüntüleme • 16 gün önce

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

Meng To

221,140 görüntüleme • 1 yıl önce

📣 Today, I’m excited to walk you through Unity’s NEW AI offering, Meta MCP Extensions, and agentic tools to demonstrate how we can 𝗕𝘂𝗶𝗹𝗱 𝗔 𝗙𝘂𝗹𝗹 𝗩𝗥/𝗩𝗥 𝗚𝗮𝗺𝗲 from start to finish using these AI tools in a practical way. 🎥 Full video available at: 📌 Here’s what I’m covering today: - Unity VR project setup (with OpenXR plugins) - Installing the Unity AI Assistant and demos - Configuring Unity MCP + Meta MCP Extensions - Configuring Claude Code & MCPs - Building a VR/MR Basketball Game with the Unity AI Assistant, Claude Agent, and external Claude Code CLI - A lot of iteration with Claude Code + the Meta XR Simulator 💡Also, it’s been a while since I've posted a new video, and I’m genuinely excited to be back, especially with a topic like this that I know many devs have been waiting for.

📣 Today, I’m excited to walk you through Unity’s NEW AI offering, Meta MCP Extensions, and agentic tools to demonstrate how we can 𝗕𝘂𝗶𝗹𝗱 𝗔 𝗙𝘂𝗹𝗹 𝗩𝗥/𝗩𝗥 𝗚𝗮𝗺𝗲 from start to finish using these AI tools in a practical way. 🎥 Full video available at: 📌 Here’s what I’m covering today: - Unity VR project setup (with OpenXR plugins) - Installing the Unity AI Assistant and demos - Configuring Unity MCP + Meta MCP Extensions - Configuring Claude Code & MCPs - Building a VR/MR Basketball Game with the Unity AI Assistant, Claude Agent, and external Claude Code CLI - A lot of iteration with Claude Code + the Meta XR Simulator 💡Also, it’s been a while since I've posted a new video, and I’m genuinely excited to be back, especially with a topic like this that I know many devs have been waiting for.

Dilmer

24,982 görüntüleme • 4 ay önce

here's how I generate beautiful emails using Paper and claude code for humblytics 1) I scraped all of our existing emails and outlined in our obsidian notes 2) ran my marketing-strategist skill to analzye existing open/close rates, pull context from our app and rewrite the entire email 3) connect to the paper mcp, open up claude code, and reference the new emails it just rewrote 4) design the entire email in paper, refine it, then when you're done ask claude code to export is as a .mjml file 5) load the .mjml file and you're done you now have emails that are on brand and designed to your specs

amirmxt

11,222 görüntüleme • 4 ay önce

Fable 5 is GREAT at design... Especially when its connected to a Figma-Like Canvas. Here's a complete guide for using Claude Code with Fable 5, connected to the Agent Native version of Figma, called Paper. This workflow works with Cursor, Codex, Devin, or any other agent platform. 00:00 - Intro 01:41 - Set up Claude Code x Paper Connection 04:14 - Creating YouTube Thumbnails 10:21 - Instagram Graphics with text and overlays 16:33 - Creating Presentations with Fable 5 21:22 - Converting Designs into a site on the internet

Fable 5 is GREAT at design... Especially when its connected to a Figma-Like Canvas. Here's a complete guide for using Claude Code with Fable 5, connected to the Agent Native version of Figma, called Paper. This workflow works with Cursor, Codex, Devin, or any other agent platform. 00:00 - Intro 01:41 - Set up Claude Code x Paper Connection 04:14 - Creating YouTube Thumbnails 10:21 - Instagram Graphics with text and overlays 16:33 - Creating Presentations with Fable 5 21:22 - Converting Designs into a site on the internet

Riley Brown

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

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 • 5 ay önce

Video just became native to AI agents. Today we’re launching HeyGen MCP. Now you can create HeyGen videos directly inside tools like Claude Web, Claude Code, Gemini CLI, and Cursor. Just connect your HeyGen account via OAuth and generate videos using your existing plan. We’ve put together a quick walkthrough showing how to set it up in Claude 👇

Video just became native to AI agents. Today we’re launching HeyGen MCP. Now you can create HeyGen videos directly inside tools like Claude Web, Claude Code, Gemini CLI, and Cursor. Just connect your HeyGen account via OAuth and generate videos using your existing plan. We’ve put together a quick walkthrough showing how to set it up in Claude 👇

HeyGen

62,803 görüntüleme • 5 ay önce

MCP is mind-blowing. Here is a genius setup that will earn you a promotion with your manager. I have multiple data sources: data in S3, MySQL, and local files. Using Spice (an open-source project), I can co-locate all of that data behind a single SQL endpoint and augment it using MCP. Before, accessing data was slow, and I had to make multiple requests to get anything. After using Spice, I can query the data much faster (since it's mirrored locally), and I don't have to worry about where the data is coming from. Spice acts as an MCP server, so I can connect to it from my IDE or the Claude Desktop app and have access to all the data. But even more cool than that: Spice also acts as an MCP client, so it can connect to other MCP servers. This is where things get really interesting! Watch the video. I'm querying multiple data sources from my IDE and using the Google Maps MCP server for driving directions.

MCP is mind-blowing. Here is a genius setup that will earn you a promotion with your manager. I have multiple data sources: data in S3, MySQL, and local files. Using Spice (an open-source project), I can co-locate all of that data behind a single SQL endpoint and augment it using MCP. Before, accessing data was slow, and I had to make multiple requests to get anything. After using Spice, I can query the data much faster (since it's mirrored locally), and I don't have to worry about where the data is coming from. Spice acts as an MCP server, so I can connect to it from my IDE or the Claude Desktop app and have access to all the data. But even more cool than that: Spice also acts as an MCP client, so it can connect to other MCP servers. This is where things get really interesting! Watch the video. I'm querying multiple data sources from my IDE and using the Google Maps MCP server for driving directions.

Santiago

142,696 görüntüleme • 1 yıl önce

Sharing the 4 Claude MCP servers I use the most lately. 1. TinyFish MCP lets Claude browse the live web, scrape, research, and return structured data instead of static answers. I’ve been using it to gather AI news for my newsletter, like pulling top Hacker News posts from the last few hours and summarizing them into a clean list. 2. GitHub MCP helps me review commits, trace changes, and understand repos without jumping between tools. 3. Figma MCP lets me inspect designs, check layout and spacing, and pull UI details directly into the conversation. 4. Excalidraw MCP is great for thinking visually. I use it to sketch flows and system ideas when text isn’t enough. The last few are probably familiar, but the first one is worth a look. I recorded a short video showing how it works in practice.

Sharing the 4 Claude MCP servers I use the most lately. 1. TinyFish MCP lets Claude browse the live web, scrape, research, and return structured data instead of static answers. I’ve been using it to gather AI news for my newsletter, like pulling top Hacker News posts from the last few hours and summarizing them into a clean list. 2. GitHub MCP helps me review commits, trace changes, and understand repos without jumping between tools. 3. Figma MCP lets me inspect designs, check layout and spacing, and pull UI details directly into the conversation. 4. Excalidraw MCP is great for thinking visually. I use it to sketch flows and system ideas when text isn’t enough. The last few are probably familiar, but the first one is worth a look. I recorded a short video showing how it works in practice.

Tw93

37,813 görüntüleme • 5 ay önce

Claude R Perrin Code SDK is under-rated One cool part with Claude Code SDK is that it supports full features out of box: - Skills - Sub agents - Hooks - ... Which means you can use claude code CLI as a debug tool to build agent, and then import to your Claude code powered agent Here is a quick example of a pptx presentation agent using Claude Code SDK + doc skills Code example from AI Builder Club by Kai:

Claude R Perrin Code SDK is under-rated One cool part with Claude Code SDK is that it supports full features out of box: - Skills - Sub agents - Hooks - ... Which means you can use claude code CLI as a debug tool to build agent, and then import to your Claude code powered agent Here is a quick example of a pptx presentation agent using Claude Code SDK + doc skills Code example from AI Builder Club by Kai:

Jason Zhou

11,981 görüntüleme • 10 ay önce

Yesterday I demo'd how copy pasting marketing images from Notra to Figma would look like Today we added Paper support which has been a breeze thanks to Stephen Haney Soon you will be able to generate images using Notra and paste them directly in your favorite design tool!

Yesterday I demo'd how copy pasting marketing images from Notra to Figma would look like Today we added Paper support which has been a breeze thanks to Stephen Haney Soon you will be able to generate images using Notra and paste them directly in your favorite design tool!

Dominik Koch

12,636 görüntüleme • 3 ay önce

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.

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

Guys, we need to talk about this. NOW! I’ve tested a lot of design tools - Paper , Replit ⠕ , Figma Make, and a few others in the same space, and honestly, there’s usually still a lot of struggle. But this feels different. You can start designing without any MCP connection, use an agent to help build the UX, edit directly on the canvas, and yes, it basically has the “Make it Pretty” magic button DANN© has been talking about for a while. And devs can actually work with it too. You can see the code right there. But that’s not even the craziest part. COMPONENTS! Actual components. I’m genuinely in shock. These guys are so good. Feels like the perfect time for a Contra challenge.

Guys, we need to talk about this. NOW! I’ve tested a lot of design tools - Paper , Replit ⠕ , Figma Make, and a few others in the same space, and honestly, there’s usually still a lot of struggle. But this feels different. You can start designing without any MCP connection, use an agent to help build the UX, edit directly on the canvas, and yes, it basically has the “Make it Pretty” magic button DANN© has been talking about for a while. And devs can actually work with it too. You can see the code right there. But that’s not even the craziest part. COMPONENTS! Actual components. I’m genuinely in shock. These guys are so good. Feels like the perfect time for a Contra challenge.

Victoria

35,613 görüntüleme • 3 ay önce

How far can you go in creating a dApp without writing a single line of code? Using Cursor, Claude, and Multiversᕽ MCP, Andrei Giura built a fully on-chain Tic-Tac-Toe game from scratch. See just how easy it is to be a blockchain builder:

How far can you go in creating a dApp without writing a single line of code? Using Cursor, Claude, and Multiversᕽ MCP, Andrei Giura built a fully on-chain Tic-Tac-Toe game from scratch. See just how easy it is to be a blockchain builder:

CodeMultiversX

50,799 görüntüleme • 1 yıl önce

Been using the new Claude 3.5 model as a tester and now that it is out, I can say it is very very impressive, and the "artifacts" that it generates are like a simpler version of Code Interpreter This is a real-time video of me creating a playable game and editing it with Claude

Been using the new Claude 3.5 model as a tester and now that it is out, I can say it is very very impressive, and the "artifacts" that it generates are like a simpler version of Code Interpreter This is a real-time video of me creating a playable game and editing it with Claude

Ethan Mollick

162,293 görüntüleme • 2 yıl önce