Loading video...

Video Failed to Load

Go Home

Websites can now be pasted into Figma 😱 1. Capture any webpage or section 2. "Copy to clipboard" 3. Paste straight into Figma The fastest workflow to import websites into Figma we've ever shipped

divriots's profile picture

‹div›RIOTS

2,927 subscribers

77,985,326 views • 4 months ago •via X (Twitter)

ArtsEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Import web app and websites into Figma Make ✨ Import, remix, vibe-design and prototype new features on the fly
0:27

Import web app and websites into Figma Make ✨ Import, remix, vibe-design and prototype new features on the fly

‹div›RIOTS

5,920,339 views • 5 months ago

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:
1:05

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume

14,162 views • 1 year ago

There's a free bookmarklet that pastes any website into Figma as editable layers. It replaced a paid tool! ($18/m) it has zero dependency on AI, it runs in your browser and copies any webpage straight to your clipboard as Figma layers using figma mcp.
0:47

There's a free bookmarklet that pastes any website into Figma as editable layers. It replaced a paid tool! ($18/m) it has zero dependency on AI, it runs in your browser and copies any webpage straight to your clipboard as Figma layers using figma mcp.

Nick

102,545 views • 4 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 👇
0:36

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,848 views • 3 months ago

Figma just shipped the ability to bring UI work done in Claude Code straight into Figma as editable design frames. Use this to explore new ideas in Figma, view multi-page flows on the canvas, or reimagine user experiences.
0:25

Figma just shipped the ability to bring UI work done in Claude Code straight into Figma as editable design frames. Use this to explore new ideas in Figma, view multi-page flows on the canvas, or reimagine user experiences.

Thariq

1,327,044 views • 5 months ago

Introducing v0’s new Figma integration. v0 can turn static Figma designs into functional UI, now with higher fidelity than ever. The import now reads: • Layout • Typography • Components • Icons • Images
1:10

Introducing v0’s new Figma integration. v0 can turn static Figma designs into functional UI, now with higher fidelity than ever. The import now reads: • Layout • Typography • Components • Icons • Images

v0

29,905 views • 2 months ago

Watch this magic! Pasted a Figma design link into Claude. Asked for 3 new variations from QuiverAI. Got 3 fully editable vectors back in Figma 😱 Never left Claude once. I used the new Quiver MCP + Figma MCP.
1:01

Watch this magic! Pasted a Figma design link into Claude. Asked for 3 new variations from QuiverAI. Got 3 fully editable vectors back in Figma 😱 Never left Claude once. I used the new Quiver MCP + Figma MCP.

DANN©

68,849 views • 2 months ago

The Figma design agent, now with web search → Prompt the agent or paste a URL → Review results with linked citations → Insert content directly into your file
0:38

The Figma design agent, now with web search → Prompt the agent or paste a URL → Review results with linked citations → Insert content directly into your file

Figma

82,701 views • 1 month ago

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas
0:35

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas

Figma

107,278 views • 2 months ago

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.
1:19

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.

Pietro Schirano

979,810 views • 6 months ago

BREAKING: design-first vibe coding is here! import your Figma designs into Anything and go straight to building
0:29

BREAKING: design-first vibe coding is here! import your Figma designs into Anything and go straight to building

Anything

2,370,309 views • 5 months ago

The fastest way to design & build a website with the help of AI ✨ → Sitemaps in seconds → Wireframes with copy in minutes → Paste in to Figma & Webflow Powered by a design system of 1000+ components to generate production-quality websites
0:50

The fastest way to design & build a website with the help of AI ✨ → Sitemaps in seconds → Wireframes with copy in minutes → Paste in to Figma & Webflow Powered by a design system of 1000+ components to generate production-quality websites

Relume

776,758 views • 3 years ago

Turn vectors into 3D renders in Figma, here's how: 1. Open the 'Unblocked AI' plugin in Figma 2. Go to Structure 3. Select your layer 4. Hit generate Enjoy!
0:26

Turn vectors into 3D renders in Figma, here's how: 1. Open the 'Unblocked AI' plugin in Figma 2. Go to Structure 3. Select your layer 4. Hit generate Enjoy!

Hüseyin Gayıran

11,673 views • 1 year ago

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.
0:30

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.

Claude

4,318,901 views • 5 months ago

Created Employe Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #UIUXDesign
0:26

Created Employe Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #UIUXDesign

Harshil Acharya

62,056 views • 6 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.
1:11

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

Created AI Chatbot Design using Figma Make, and converted it into Responsive using Variables & applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #uiuxdesign
0:26

Created AI Chatbot Design using Figma Make, and converted it into Responsive using Variables & applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #uiuxdesign

Harshil Acharya

48,434 views • 5 months ago

Designers can finally cook 🧑‍🍳 🔥 Introducing Tempo's Figma Plugin 🔥 We've built the most powerful Figma to App plugin, turning your designs into fully functional apps in seconds, not days. 👩‍🎨 Real Figma data ➡️Real Code 🚀 Fast & Accurate conversion Check it out👇
0:29

Designers can finally cook 🧑‍🍳 🔥 Introducing Tempo's Figma Plugin 🔥 We've built the most powerful Figma to App plugin, turning your designs into fully functional apps in seconds, not days. 👩‍🎨 Real Figma data ➡️Real Code 🚀 Fast & Accurate conversion Check it out👇

Tempo (YC S23)

53,630 views • 1 year ago

Design once in Figma. Scale everywhere with Pencil. Our plugin turns any Figma section into a ready-to-scale template. Frames become formats. Text stays editable. Shapes stay sharp. Design once → then adapt and localize in Pencil.
0:49

Design once in Figma. Scale everywhere with Pencil. Our plugin turns any Figma section into a ready-to-scale template. Frames become formats. Text stays editable. Shapes stay sharp. Design once → then adapt and localize in Pencil.

Pencil

1,091,597 views • 26 days ago

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.
0:30

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 ⠕

30,214 views • 10 months ago