Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Brooooooooooooooo WTF?? This is sooooo freaking awesome 🤯 I recently found this browser extension that instantly lets you turn almost any website into an editable Figma design in seconds. Perfect for developers, designers, ai coders & anyone who works with Figma :) Follow me for more amazing AI, Coding...

rammcodes's profile picture

Ram Maheshwari

5,093 subscribers

50,129 görüntüleme • 1 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

33 Yorum

hit profil fotoğrafı
hit1 ay önce

me watching this tool convert a website to Figma in 3 seconds vs. me spending 45 mins doing it manually last week: 💀

Ram Maheshwari profil fotoğrafı
Ram Maheshwari1 ay önce

Only 45 mins? You’ve got some skills, pal. Would’ve taken me a few hours to code all of that from scratch :)

Phil Cortado profil fotoğrafı
Phil Cortado1 ay önce

Been using it for a couple years but it’s been ass in recent months. Not sure what happened but even basic things like auto layout aren’t being exported correctly. Been having to do lots of manual fixes

Muzamil Iqrar🇵🇰 profil fotoğrafı
Muzamil Iqrar🇵🇰1 ay önce

Had been using it pre AI Era and it worked great, but the figma layers were all messed up if you need to the layout slightly. But i think now figma agents/claude design/claude with figma plugin/figma make have made it 10x easier to deisgn.

Harsh Singhal profil fotoğrafı
Harsh Singhal1 ay önce

Suuuuuiiiiiiiii

Ram Maheshwari profil fotoğrafı
Ram Maheshwari1 ay önce

🔥

Naveen profil fotoğrafı
Naveen1 ay önce

Go and check out the Figma Chrome extension

akshat profil fotoğrafı
akshat1 ay önce

Figma is still alive?

Saidur Sajib profil fotoğrafı
Saidur Sajib1 ay önce

Pro

Ram Maheshwari profil fotoğrafı
Ram Maheshwari1 ay önce

Fr 🔥

Chandra Sekhar profil fotoğrafı
Chandra Sekhar1 ay önce

You should try figma chrome extension 🙂‍↔️

Akhil profil fotoğrafı
Akhil1 ay önce

lol

Filipe Lins Duarte profil fotoğrafı
Filipe Lins Duarte1 ay önce

this is actually pretty neat

Victor-Almond(TakeoutsGuy) profil fotoğrafı
Victor-Almond(TakeoutsGuy)1 ay önce

Recently 😂😂😂

Abhishek profil fotoğrafı
Abhishek1 ay önce

Figma itself has it’s own extension

AI Mastery Guide profil fotoğrafı
AI Mastery Guide1 ay önce

Any website into editable Figma, that's so useful

Maliha Tasnim profil fotoğrafı
Maliha Tasnim1 ay önce

The pace of innovation is incredible.

Aryanto Purwanto profil fotoğrafı
Aryanto Purwanto1 ay önce

👍👍👍

Yang So profil fotoğrafı
Yang So1 ay önce

It's doee well only in cases of basic html

Afterimagine profil fotoğrafı
Afterimagine1 ay önce

And now, you can convert Figma vector to real font with :D

Prakashuix profil fotoğrafı
Prakashuix1 ay önce

use it will turn any website into prompt and rebuild using any AI website generator

Famitha M A profil fotoğrafı
Famitha M A1 ay önce

This tool improved so much....

安叫兽|Bird🕊️ 🔶 BNB profil fotoğrafı
安叫兽|Bird🕊️ 🔶 BNB1 ay önce

这要是图层也能还原干净，前端复刻真省事了

Razor profil fotoğrafı
Razor1 ay önce

What screen recording software was used to make this video?

leolee profil fotoğrafı
leolee1 ay önce

WTF？😂I just make another ONE

Mohammad Shahid profil fotoğrafı
Mohammad Shahid1 ay önce

did u use screen studio to make it or recordly ?

Taher Hathi profil fotoğrafı
Taher Hathi1 ay önce

also check out extension

nhatly141 profil fotoğrafı
nhatly1411 ay önce

App record screen ???

pradhuman profil fotoğrafı
pradhuman1 ay önce

It requires a lot of manual work post capture, the auto layouts don't translate properly sometimes

Sebastian Buzdugan profil fotoğrafı
Sebastian Buzdugan1 ay önce

does it preserve components and constraints, because editable layers alone still create hours of cleanup

Ryan Sael profil fotoğrafı
Ryan Sael1 ay önce

it needs monthly plan vs one-off unlimited with CopyFig

breakerror profil fotoğrafı
breakerror1 ay önce

This browser extension is a game changer for devs who want to prototype designs instantly without leaving the browser.

Ой, Мамо profil fotoğrafı
Ой, Мамо1 ay önce

господи, в фігмі плагін живе вічність і краще в рази від того шо надала фігма нещодавно

Benzer Videolar

Holy Sh*t Brooooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, & anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:22

Holy Sh*t Brooooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, & anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

22,292 görüntüleme • 1 ay önce

Brooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, researchers, and anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:22

Brooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, researchers, and anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

70,344 görüntüleme • 2 ay önce

Dude... WTF is this & why it's soooo freaking goooooood? 🤯 You can visually build almost any CSS Grid or Flexbox layout using nothing but your mouse and imagination, then instantly copy the generated HTML & CSS. Perfect for vibe coders, developers, designers, or anyone building websites manually or with AI :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:23

Dude... WTF is this & why it's soooo freaking goooooood? 🤯 You can visually build almost any CSS Grid or Flexbox layout using nothing but your mouse and imagination, then instantly copy the generated HTML & CSS. Perfect for vibe coders, developers, designers, or anyone building websites manually or with AI :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

43,291 görüntüleme • 2 ay önce

WTF Brooooooooooo... why didn't I find this earlier? 🤯 This browser extension lets you add multiple devices with different screen sizes directly to a webpage to test responsive designs. It comes with tons of customization options, and you can even sync scrolling across all your device previews simultaneously. Perfect for UI developers, designers, vibe coders, or anyone using AI to ship web products :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:28

WTF Brooooooooooo... why didn't I find this earlier? 🤯 This browser extension lets you add multiple devices with different screen sizes directly to a webpage to test responsive designs. It comes with tons of customization options, and you can even sync scrolling across all your device previews simultaneously. Perfect for UI developers, designers, vibe coders, or anyone using AI to ship web products :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

63,054 görüntüleme • 1 ay önce

Broooooo this is sooo freaking awesome 🤯 This AI skill actually helps AI coding agents generate better-looking UIs. Taste Skill is an open-source skill that works with popular agents like Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0, and more to reduce generic-looking frontend designs. Perfect for developers, vibe-coders & designers who use AI to build stunning UIs and want better-looking results :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:28

Broooooo this is sooo freaking awesome 🤯 This AI skill actually helps AI coding agents generate better-looking UIs. Taste Skill is an open-source skill that works with popular agents like Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0, and more to reduce generic-looking frontend designs. Perfect for developers, vibe-coders & designers who use AI to build stunning UIs and want better-looking results :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

179,537 görüntüleme • 2 ay önce

Broooooooooooooo... This website is insane. 🤯 It contains a massive collection of open-source, in-browser tools that require no sign-up to use. It includes tools across multiple categories: → Design & Graphics → Development → Productivity → Privacy & Security → AI → Education ...and many more. No accounts. No sign-ups. Just open your browser and start using them :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:23

Broooooooooooooo... This website is insane. 🤯 It contains a massive collection of open-source, in-browser tools that require no sign-up to use. It includes tools across multiple categories: → Design & Graphics → Development → Productivity → Privacy & Security → AI → Education ...and many more. No accounts. No sign-ups. Just open your browser and start using them :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

228,010 görüntüleme • 2 ay önce

OMG... this is 10/10 for creating beautiful software architecture diagrams. 🤯👌 FossFLOW is a free, open-source tool for creating clean 3D isometric diagrams with hundreds of built-in icons and symbols. You can use it to visualize software architecture, networks, infrastructure, and complex systems without starting from scratch. Perfect for engineers, designers, developers, and vibe coders to create stunning architecture diagrams with ease :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:37

OMG... this is 10/10 for creating beautiful software architecture diagrams. 🤯👌 FossFLOW is a free, open-source tool for creating clean 3D isometric diagrams with hundreds of built-in icons and symbols. You can use it to visualize software architecture, networks, infrastructure, and complex systems without starting from scratch. Perfect for engineers, designers, developers, and vibe coders to create stunning architecture diagrams with ease :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

34,313 görüntüleme • 1 ay önce

Bruh... This GitHub hack is Wild AF 🤯 It literally lets you open any repository in an AI workspace. Simply add "explain" before "github" in any repo URL, and boom... now you can explore the codebase, ask questions, understand the architecture, generate onboarding reports, and get file-cited answers in seconds. If you work with open-source projects, this is definitely worth saving :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:29

Bruh... This GitHub hack is Wild AF 🤯 It literally lets you open any repository in an AI workspace. Simply add "explain" before "github" in any repo URL, and boom... now you can explore the codebase, ask questions, understand the architecture, generate onboarding reports, and get file-cited answers in seconds. If you work with open-source projects, this is definitely worth saving :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

15,109 görüntüleme • 2 ay önce

WTF... Someone literally built a massive collection of open-source, in-browser tools that require no sign-up to use. 🤯 It includes tools across multiple categories: → Design & Graphics → Development → Productivity → Privacy & Security → AI → Education ...and many more. No accounts. No sign-ups. Just open your browser and start using them :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:23

WTF... Someone literally built a massive collection of open-source, in-browser tools that require no sign-up to use. 🤯 It includes tools across multiple categories: → Design & Graphics → Development → Productivity → Privacy & Security → AI → Education ...and many more. No accounts. No sign-ups. Just open your browser and start using them :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

109,447 görüntüleme • 2 ay önce

Holy Sh*t Brother... This website is Mind-Blowing. 🤯 It contains a massive collection of open-source, in-browser tools that require no sign-up to use. It includes tools across multiple categories: → Design & Graphics → Development → Productivity → Privacy & Security → AI → Education ...and many more. No accounts. No sign-ups. Just open your browser and start using them :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:23

Holy Sh*t Brother... This website is Mind-Blowing. 🤯 It contains a massive collection of open-source, in-browser tools that require no sign-up to use. It includes tools across multiple categories: → Design & Graphics → Development → Productivity → Privacy & Security → AI → Education ...and many more. No accounts. No sign-ups. Just open your browser and start using them :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

27,813 görüntüleme • 3 gün önce

Dude... This is ridiculously useful 🤯 A site that's like a swiss army knife for devs & designers. Which contains a collection of small, browser-based tools across different categories that work without logins, tracking, or data collection. Nice to bookmark if you like fast, no-BS tools that just work :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:40

Dude... This is ridiculously useful 🤯 A site that's like a swiss army knife for devs & designers. Which contains a collection of small, browser-based tools across different categories that work without logins, tracking, or data collection. Nice to bookmark if you like fast, no-BS tools that just work :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

42,953 görüntüleme • 1 ay önce

Broooooo this is so freaking good 🤯 This open-source skill makes AI coding agents generate better-looking UIs. Taste Skill works with Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0 and more. Stops the generic frontend slop. Perfect for developers, vibe-coders & designers who actually want the AI output to look intentional. link;
0:28

Broooooo this is so freaking good 🤯 This open-source skill makes AI coding agents generate better-looking UIs. Taste Skill works with Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0 and more. Stops the generic frontend slop. Perfect for developers, vibe-coders & designers who actually want the AI output to look intentional. link;

Manish Kumar

93,647 görüntüleme • 2 ay önce

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.
0:35

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

Alvaro Cintas

201,163 görüntüleme • 11 ay önce

DUDE WTF?? ... Now you can easily share your localhost with anyone using this FREE service by Cloudflare. 🤯 Simply run one command and you're done. No account. No complicated setup. No port forwarding. Perfect for sharing local projects, testing webhooks, showing clients your work, creating quick previews, and letting AI agents access your local apps :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:20

DUDE WTF?? ... Now you can easily share your localhost with anyone using this FREE service by Cloudflare. 🤯 Simply run one command and you're done. No account. No complicated setup. No port forwarding. Perfect for sharing local projects, testing webhooks, showing clients your work, creating quick previews, and letting AI agents access your local apps :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

398,372 görüntüleme • 19 gün önce

Dude... This is ridiculously useful 🤯 A site that's like a swiss army knife for devs & designers. Which contains a collection of small, browser-based tools across different categories that work without logins, tracking, or data collection. Nice to bookmark if you like fast, no-BS tools that just work :) Source 🔗: tools . rmv . fyi Follow me for more amazing AI, Coding & Web Dev insights 💎
0:40

Dude... This is ridiculously useful 🤯 A site that's like a swiss army knife for devs & designers. Which contains a collection of small, browser-based tools across different categories that work without logins, tracking, or data collection. Nice to bookmark if you like fast, no-BS tools that just work :) Source 🔗: tools . rmv . fyi Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

90,913 görüntüleme • 2 ay önce

Brooooooooooooo WTF... this browser DevTools feature is mind-blowing. 🤯 Visit any website, open DevTools, click on the 3 dots menu... choose "More tools"... then "CSS Overview", and click "Capture overview". It generates a detailed breakdown of the page's colors, fonts, media queries, unused declarations, and more. Such a simple way to analyze any website's design system instantly. We aren't using browsers to their full potential, there's so much more to discover, ngl :) Watch the video for a quick demo 🎥 Follow me for more amazing AI, Coding & Web Dev insights 💎
0:23

Brooooooooooooo WTF... this browser DevTools feature is mind-blowing. 🤯 Visit any website, open DevTools, click on the 3 dots menu... choose "More tools"... then "CSS Overview", and click "Capture overview". It generates a detailed breakdown of the page's colors, fonts, media queries, unused declarations, and more. Such a simple way to analyze any website's design system instantly. We aren't using browsers to their full potential, there's so much more to discover, ngl :) Watch the video for a quick demo 🎥 Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

46,964 görüntüleme • 1 ay önce

WTF Dude... this is like PDF parsing on steroids, NGL. 🤯 OpenDataLoader PDF is a free, open-source PDF parser that converts PDFs into AI-ready Markdown, JSON, and HTML. It can also use OCR for scanned PDFs and handle complex content like tables, formulas, and charts. Perfect for building RAG pipelines, AI agents, search systems, and other AI apps that need to actually understand PDF documents :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:32

WTF Dude... this is like PDF parsing on steroids, NGL. 🤯 OpenDataLoader PDF is a free, open-source PDF parser that converts PDFs into AI-ready Markdown, JSON, and HTML. It can also use OCR for scanned PDFs and handle complex content like tables, formulas, and charts. Perfect for building RAG pipelines, AI agents, search systems, and other AI apps that need to actually understand PDF documents :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

28,680 görüntüleme • 1 ay önce

THIS WEBSITE IS INSANE it's a massive collection of open-source, browser-based tools that require zero sign-up. includes tools across multiple categories: → design & graphics → development → productivity → privacy & security → AI → education no accounts. no sign-ups. just open your browser and start using them. follow me for more insane insights on AI, coding and web dev.
0:23

THIS WEBSITE IS INSANE it's a massive collection of open-source, browser-based tools that require zero sign-up. includes tools across multiple categories: → design & graphics → development → productivity → privacy & security → AI → education no accounts. no sign-ups. just open your browser and start using them. follow me for more insane insights on AI, coding and web dev.

céline ✧

430,164 görüntüleme • 1 ay önce

WTF Broooooooo???? .... This feels like a goldmine for vibe coders 🌋 It's a collection of free UI prompts for things like hero sections, pricing pages, auth screens, bento grids, dashboards, and more. You can copy a prompt and give it to your AI coding agent to generate better-looking, less generic UI without having to describe every design detail yourself. Perfect if you build websites with AI and want your UIs to stand out :) Follow me for more amazing Coding, AI & Web Development insights 💎
0:28

WTF Broooooooo???? .... This feels like a goldmine for vibe coders 🌋 It's a collection of free UI prompts for things like hero sections, pricing pages, auth screens, bento grids, dashboards, and more. You can copy a prompt and give it to your AI coding agent to generate better-looking, less generic UI without having to describe every design detail yourself. Perfect if you build websites with AI and want your UIs to stand out :) Follow me for more amazing Coding, AI & Web Development insights 💎

Ram Maheshwari

66,288 görüntüleme • 1 ay önce

Designers, do you know that you can now turn your Figma design into an interactive prototype 10x faster without prototyping manually. Figma Make is a new AI-powered prompt-to-app tool that transforms designs and ideas into clickable prototypes in minutes. It’s made for designers, builders, and non-technical founders who want to move fast. Bookmark it for later 💜
1:17

Designers, do you know that you can now turn your Figma design into an interactive prototype 10x faster without prototyping manually. Figma Make is a new AI-powered prompt-to-app tool that transforms designs and ideas into clickable prototypes in minutes. It’s made for designers, builders, and non-technical founders who want to move fast. Bookmark it for later 💜

Abraham John 🦄🦓

145,429 görüntüleme • 10 ay önce