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.

It got even easier to go from design to app! 🚀 Replit users can now drop Figma links into the Agent chat and build or update their apps from their designs. 🎨 Currently in Beta for Figma developer or full seat users only.

Replit ⠕

236,096 subscribers

30,214 views • 11 months ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Mario Rodriguez

106,034 views • 6 months ago

Introducing The fastest way to design mobile apps. Go from idea to production-ready mockups in seconds. No design skills required Export to Figma or Any AI agent builder and start building

Introducing The fastest way to design mobile apps. Go from idea to production-ready mockups in seconds. No design skills required Export to Figma or Any AI agent builder and start building

Salim

30,006 views • 2 months ago

UI/UX Designers, did you know you can turn your Figma mobile designs app into fully native iOS apps in seconds, without deep design or development skills? Superapp is an AI iOS app builder that lets you describe your app ideas or copy link to selection of the design in Figma, then instantly generates fully native iOS apps without writing code, all done in under 30-seconds. You can refine your app build through a chat-like flow, then deploy it straight to App Store.

UI/UX Designers, did you know you can turn your Figma mobile designs app into fully native iOS apps in seconds, without deep design or development skills? Superapp is an AI iOS app builder that lets you describe your app ideas or copy link to selection of the design in Figma, then instantly generates fully native iOS apps without writing code, all done in under 30-seconds. You can refine your app build through a chat-like flow, then deploy it straight to App Store.

Abraham John 🦄🦓

29,909 views • 6 months ago

We built the fastest way to vibe design mobile apps. From idea to screen designs in under 2 minutes. Export to code or Figma. Comment "sleek" for early access.

We built the fastest way to vibe design mobile apps. From idea to screen designs in under 2 minutes. Export to code or Figma. Comment "sleek" for early access.

Mattia

888,334 views • 10 months ago

From Claude Design to Figma in 60 seconds: (*updated flow!) 1. In Claude Design: Share → `Export as standalone HTML` 2. Download the file 3. Drop it into the Anima Agent 4. The agent renders it as editable Figma layers

From Claude Design to Figma in 60 seconds: (*updated flow!) 1. In Claude Design: Share → `Export as standalone HTML` 2. Download the file 3. Drop it into the Anima Agent 4. The agent renders it as editable Figma layers

Anima

741,753 views • 3 months 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

$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

$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 • 3 months ago

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇

Anima

1,228,957 views • 4 months ago

🚀 Notion → Replit, now automated with Custom MCPs Checkout the demo below on how to: ✅ Use Notion AI to generate a PRD for an app ✅ Use Replit Agent to build the app and integrate it with Notion database 🚀 ✅ Define in Notion. Build in Replit. From strategy to software in minutes. ✨

🚀 Notion → Replit, now automated with Custom MCPs Checkout the demo below on how to: ✅ Use Notion AI to generate a PRD for an app ✅ Use Replit Agent to build the app and integrate it with Notion database 🚀 ✅ Define in Notion. Build in Replit. From strategy to software in minutes. ✨

Replit ⠕

43,948 views • 9 months ago

ok so here's the big reveal: Replit just launched Design mode. you don't have to be a designer or learn figma anymore, replit will cook designs for you in minutes. i asked it to make a website for my coffee shop and it got crazy quick here's the video + more about it 🧵

ok so here's the big reveal: Replit just launched Design mode. you don't have to be a designer or learn figma anymore, replit will cook designs for you in minutes. i asked it to make a website for my coffee shop and it got crazy quick here's the video + more about it 🧵

Kritarth Mittal | Soshals

66,478 views • 9 months ago

Adobe tried to buy Figma for $20 billion in 2022. The deal collapsed. So Figma went public on the NYSE in July 2025 instead. Ticker FIG. Public company. Quarterly earnings. Wall Street pressure. You know what happens to design tools after they IPO. In March 2025, Figma raised the Professional Full seat 33%. From $15 to $20 a month. Organization seats jumped to $55. Enterprise to $90. Then they took Dev Mode, which was free during beta, and locked it behind a paid seat. Your developers now pay extra to inspect the designs your designers already paid to create. In March 2026, Figma started charging for AI credits on top. If Figma raises prices again, you pay. If Figma gets acquired, you pray. If Figma shuts down, your files die with it. Your design system. On their servers. In a proprietary format only their app can read. To draw rectangles on a screen. There is an open source design platform that runs on your hardware. Stores your files in plain SVG. Costs $0 forever for unlimited users. It is called Penpot. 45,700+ stars on GitHub. A full Figma-grade design platform built on open web standards. Vector editing. Components. Design tokens to W3C spec. Flex and Grid layouts. Real-time multiplayer. Interactive prototyping. Here's what it does: → Real-time collaboration. Live cursors. Comments in line. → Components, variants, shared libraries. → Auto layout, Flex, CSS Grid. The tool outputs production CSS, not lookalike CSS. → Interactive prototypes with overlays, animations, and flows. → Inspect tab. Free. Built in. Every developer grabs production CSS, SVG, HTML without a separate seat. → Plugin ecosystem. Figma import to migrate your files. → Self-host on Docker in one command. Your designs never leave your network. Here's the wildest part: Figma stores your designs in a proprietary format only Figma can read. Penpot files are SVG. The same format your browser has rendered for 25 years. Open them in any editor. Open them in 20 years. Nobody can lock you out. The feature Figma charges your developers extra for, Penpot gives away. Without asking permission. Figma Professional: $20/month per seat. A 10-person team: $2,400/year. Figma Organization: $55/month per Full seat. A 50-person org: $33,000/year. Penpot: $0. Unlimited users. Unlimited files. Unlimited teams. Self-hosted. Free forever. 45,700+ stars. 2,700+ forks. 250+ contributors. MPL-2.0 license. Backed by a community that believes design tools should be free. Your designs. Your files. Your standards. 100% Open Source. (Link in the comments)

Adobe tried to buy Figma for $20 billion in 2022. The deal collapsed. So Figma went public on the NYSE in July 2025 instead. Ticker FIG. Public company. Quarterly earnings. Wall Street pressure. You know what happens to design tools after they IPO. In March 2025, Figma raised the Professional Full seat 33%. From $15 to $20 a month. Organization seats jumped to $55. Enterprise to $90. Then they took Dev Mode, which was free during beta, and locked it behind a paid seat. Your developers now pay extra to inspect the designs your designers already paid to create. In March 2026, Figma started charging for AI credits on top. If Figma raises prices again, you pay. If Figma gets acquired, you pray. If Figma shuts down, your files die with it. Your design system. On their servers. In a proprietary format only their app can read. To draw rectangles on a screen. There is an open source design platform that runs on your hardware. Stores your files in plain SVG. Costs $0 forever for unlimited users. It is called Penpot. 45,700+ stars on GitHub. A full Figma-grade design platform built on open web standards. Vector editing. Components. Design tokens to W3C spec. Flex and Grid layouts. Real-time multiplayer. Interactive prototyping. Here's what it does: → Real-time collaboration. Live cursors. Comments in line. → Components, variants, shared libraries. → Auto layout, Flex, CSS Grid. The tool outputs production CSS, not lookalike CSS. → Interactive prototypes with overlays, animations, and flows. → Inspect tab. Free. Built in. Every developer grabs production CSS, SVG, HTML without a separate seat. → Plugin ecosystem. Figma import to migrate your files. → Self-host on Docker in one command. Your designs never leave your network. Here's the wildest part: Figma stores your designs in a proprietary format only Figma can read. Penpot files are SVG. The same format your browser has rendered for 25 years. Open them in any editor. Open them in 20 years. Nobody can lock you out. The feature Figma charges your developers extra for, Penpot gives away. Without asking permission. Figma Professional: $20/month per seat. A 10-person team: $2,400/year. Figma Organization: $55/month per Full seat. A 50-person org: $33,000/year. Penpot: $0. Unlimited users. Unlimited files. Unlimited teams. Self-hosted. Free forever. 45,700+ stars. 2,700+ forks. 250+ contributors. MPL-2.0 license. Backed by a community that believes design tools should be free. Your designs. Your files. Your standards. 100% Open Source. (Link in the comments)

Nav Toor

216,943 views • 4 months ago

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

Pietro Schirano

42,871 views • 7 months ago

Designer at Figma shows how to respond to tough design feedback without an ego Whether it's positive or negative design feedback, feedback is still a gift! We should celebrate the effort made by a stakeholder to give feedback on our designs despite their busy schedules 𝕞𝕒𝕩𝕧𝕠𝕝𝕥𝕒𝕣 shows he responds to design feedback in Figma from luis. 👇

Designer at Figma shows how to respond to tough design feedback without an ego Whether it's positive or negative design feedback, feedback is still a gift! We should celebrate the effort made by a stakeholder to give feedback on our designs despite their busy schedules 𝕞𝕒𝕩𝕧𝕠𝕝𝕥𝕒𝕣 shows he responds to design feedback in Figma from luis. 👇

Jayneil Dalal

42,080 views • 1 year ago

Your next app is just one sentence away. Seriously. I built a fully working app on my phone using only plain English. No setup. No hassle. Just pure imagination. Here’s why I’m loving Replit right now: • Code on the go with their mobile app • Type in English and watch it turn into a real app • Connect tools like Notion, Google Drive, Slack, and more • Access 300+ AI models in one workspace • Everything stays secure in a single platform • Transform Figma designs into live apps in minutes Replit turns ideas into apps faster than your brain can think of them. And anyone can make it happen. Drop your wildest app idea and I’ll build the most fun one next. Start here:

Your next app is just one sentence away. Seriously. I built a fully working app on my phone using only plain English. No setup. No hassle. Just pure imagination. Here’s why I’m loving Replit right now: • Code on the go with their mobile app • Type in English and watch it turn into a real app • Connect tools like Notion, Google Drive, Slack, and more • Access 300+ AI models in one workspace • Everything stays secure in a single platform • Transform Figma designs into live apps in minutes Replit turns ideas into apps faster than your brain can think of them. And anyone can make it happen. Drop your wildest app idea and I’ll build the most fun one next. Start here:

sabir hussain

22,313 views • 9 months ago

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 »

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

Vibe coders and creators can now tap into Pi Network’s massive user base of over 60 million Engaged Pioneers by easily bringing their external AI-created apps to Pi’s real distribution network and utility ecosystem through Pi App Studio! Creators, who may be technical developers or non-technical product people, can build apps using platforms such as Codex, Claude Code, Replit, Cursor, Lovable or other AI-assisted coding tools, and then use Pi App Studio to convert those apps into Pi Apps. That changes the equation for creators. AI can already help people generate apps quickly; the harder part is distribution and turning those apps into products people actually use. Pi helps close that gap. Instead of rebuilding infrastructure from scratch, creators can connect their apps to an existing ecosystem with users, payment capabilities, identity verification, decentralized human infrastructure and platform-level tools already in place. This feature makes Idea → App → Users that much faster. Because your ideas are too good not to be seen. Try the Pi App Studio Now! If you’re a vibe coder or know someone building apps with AI who needs distribution, head to Pi App Studio today to convert AI-created apps into Pi Apps and access the Pi ecosystem’s users, infrastructure, and monetization opportunities.

Vibe coders and creators can now tap into Pi Network’s massive user base of over 60 million Engaged Pioneers by easily bringing their external AI-created apps to Pi’s real distribution network and utility ecosystem through Pi App Studio! Creators, who may be technical developers or non-technical product people, can build apps using platforms such as Codex, Claude Code, Replit, Cursor, Lovable or other AI-assisted coding tools, and then use Pi App Studio to convert those apps into Pi Apps. That changes the equation for creators. AI can already help people generate apps quickly; the harder part is distribution and turning those apps into products people actually use. Pi helps close that gap. Instead of rebuilding infrastructure from scratch, creators can connect their apps to an existing ecosystem with users, payment capabilities, identity verification, decentralized human infrastructure and platform-level tools already in place. This feature makes Idea → App → Users that much faster. Because your ideas are too good not to be seen. Try the Pi App Studio Now! If you’re a vibe coder or know someone building apps with AI who needs distribution, head to Pi App Studio today to convert AI-created apps into Pi Apps and access the Pi ecosystem’s users, infrastructure, and monetization opportunities.

Pi Network

181,831 views • 3 months ago

Big launch today: Custom MCP integrations for Replit Agent! 🚀 You can now connect Replit Agent to remote MCP servers, letting it pull context and take actions across your tools- so it can build, update, and act with deeper context than ever. Use cases this unlocks for you: - Build a webpage from content stored in Notion - Update tasks in Linear/Jira automatically - Build an app based on content in your Miro board We can’t wait to see what you build with it. ✨

Big launch today: Custom MCP integrations for Replit Agent! 🚀 You can now connect Replit Agent to remote MCP servers, letting it pull context and take actions across your tools- so it can build, update, and act with deeper context than ever. Use cases this unlocks for you: - Build a webpage from content stored in Notion - Update tasks in Linear/Jira automatically - Build an app based on content in your Miro board We can’t wait to see what you build with it. ✨

Replit ⠕

53,075 views • 9 months ago

Figma to Lottie just got even better with the new Trim Path feature! 🎉 ✂️ Now you can animate stroke layers and create stunning motion designs effortlessly. Download LottieFiles for Figma now 👉

Figma to Lottie just got even better with the new Trim Path feature! 🎉 ✂️ Now you can animate stroke layers and create stunning motion designs effortlessly. Download LottieFiles for Figma now 👉

LottieFiles

17,025 views • 3 years ago

Introducing our Free Figma-to-Code converter. Copy your design directly from Figma and paste it into our canvas. Our compiler converts your figma design into code, and you can export it in your preferred format. Free to use, with no limits. No login required, try it here👇

Introducing our Free Figma-to-Code converter. Copy your design directly from Figma and paste it into our canvas. Our compiler converts your figma design into code, and you can export it in your preferred format. Free to use, with no limits. No login required, try it here👇

Praha

20,374 views • 1 day ago