Magic Patterns: HTML to React/Figma
Convert HTML from any page to React and/or Figma. Edit with AI.
Rating: 5
|
Version: 0.0.14
|
Size: 416KiB
|
Language(s): English
|
Author: magicpatterns.com
|
mail
Rating history
Rating count & user count history
Similar extensions
| name | rating | # ratings | # users | categories | description | version | updated | |
|---|---|---|---|---|---|---|---|---|
Page Edit | 4.6 | 31 | 20k | Developer Tools | Make any webpage into a content editable document and modify it via toolbar popup! | 0.1.6 | January 8, 2024 | view details → |
Clear Cache | 4.5 | 1.1k | 900k | Developer Tools | Clear your cache and browsing data with a single click of a button. | 2.0.0 | June 3, 2024 | view details → |
Javascript Console Editor | 3.7 | 3 | 313 | Developer Tools | Lets you test Javascript against a web page. | 1.0.0.1 | October 1, 2022 | view details → |
User-Agent Switcher for Chrome | 3.9 | 2.6k | 1M | Developer Tools | Spoofs & Mimics User-Agent strings. | 2.0.1 | May 30, 2024 | view details → |
Custom Style Script | 4.4 | 36 | 10k | Developer Tools | Add Custom JavaScript (JS) Code or Styles (CSS) to any page. | 0.1.6 | February 20, 2024 | view details → |
Localization Editor | - | 0 | 15 | Workflow & Planning | Localization editor for Flutter and React projects | 1.2.5 | May 30, 2024 | view details → |
HTML to Figma - by Builder.io | 4.3 | 46 | 100k | Workflow & Planning | Import a web page to Figma layers | 0.0.7 | August 31, 2022 | view details → |
GoFullPage - Full Page Screen Capture | 4.9 | 74.7k | 8M | Developer Tools | Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions! | 8.3 | June 18, 2024 | view details → |
Markdown Preview Plus | 4.1 | 230 | 100k | Workflow & Planning | Converts and previews markdown files (.md, .markdown) to HTML(include TOC) right inside Chrome and support live reload | 0.8.6 | May 7, 2024 | view details → |
Nocodext for Figma | - | 0 | 0 | Functionality & UI | Nocodext browser extension for Figma | 1.0.0 | November 27, 2023 | view details → |
tldraw navbar | 5 | 2 | 54 | Tools | Allows you to manage your tldraw documents from a collapsible sidebar. | 0.0.3 | January 19, 2024 | view details → |
HTML to React | 5 | 5 | 2k | Developer Tools | The fastest and smartest way to analyze HTML elements and generate full React component representations. | 0.0.3 | December 14, 2023 | view details → |
Gemini Side Panel | 4.8 | 22 | 7k | Tools | Opens Gemini AI in Google Chrome's side panel | 0.4 | June 5, 2024 | view details → |
HTML to Framer | 4.9 | 37 | 70k | Tools | Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer. | 0.6 | November 29, 2023 | view details → |
Figment | 5 | 1 | 4 | Developer Tools | Quickly find the code for rendered React components! | 0.5.3 | February 26, 2024 | view details → |
Perplexity - AI Companion | 4.3 | 266 | 300k | Workflow & Planning | Ask anything while you browse | 1.0.21 | October 12, 2023 | view details → |
Similarweb - Website Traffic & SEO Checker | 4.6 | 3k | 1M | Developer Tools | Instant website analysis and SEO metrics at your fingertips. | 6.11.5 | June 20, 2024 | view details → |
ChatHub - GPT-4, Gemini, Claude side by side | 4.7 | 879 | 200k | Tools | Use ChatGPT, Gemini, Claude, Llama and more chatbots simultaneously | 3.29.3 | July 11, 2024 | view details → |
ReSpecT | 5 | 1 | 8 | Developer Tools | ReSpecT extension converters browser requests (HAR) to OpenApi/Swagger specification. | 1.0.0 | March 15, 2022 | view details → |
Snaplogic Expression Builder IDE | 5 | 3 | 12 | Developer Tools | Integrates an IDE into the expression builder on snaplogic.com. | 0.0.0.3 | April 11, 2024 | view details → |
Responsive Viewer | 4.3 | 274 | 200k | Developer Tools | Show multiple screens once, Responsive design tester | 1.1.11 | July 7, 2024 | view details → |
Anyveo | - | 0 | 0 | Tools | Tracking and transforming any part of web content in real-time with AI. | 0.2.0 | February 22, 2024 | view details → |
Elmo Chat - Your AI Web Copilot | 4.7 | 72 | 30k | Tools | Elmo is your AI web copilot to create summaries, insights and extended knowledge. | 0.3.1 | July 3, 2024 | view details → |
Humorous refactoring | - | 0 | 3 | Just for Fun | Transform text, swap images, and capture screenshots with Humorous Refactoring, a Chrome extension for playful page editing. | 1.0 | July 5, 2023 | view details → |
Detect React | 5 | 2 | 11 | Developer Tools | Detects React components inside of AngularJS ZVM web app | 1.0 | November 15, 2022 | view details → |
Indie Leads - Find B2B leads on Twitter for free | - | 0 | 93 | Tools | The simplest way to find leads in the indie space. | 1.0 | April 25, 2024 | view details → |
React Click To Component | 1 | 1 | 13 | Developer Tools | React Click To Component, a Chrome extension to open a React component in the editor by clicking on it. | 0.4 | July 6, 2024 | view details → |
unino-ext | - | 0 | 23 | Tools | webext template powered by vite and react | 0.0.1 | November 28, 2023 | view details → |
daily.dev | The homepage developers deserve | 4.9 | 2.2k | 300k | Developer Tools | Get one personalized feed for all the knowledge you need as a developer. | 3.33.2 | July 12, 2024 | view details → |
Tag Assistant Companion | 2.8 | 146 | 1M | Developer Tools | The Tag Assistant Companion extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager. | 24.142.2.45 | May 23, 2024 | view details → |
Canvas convert to png/ico | - | 0 | 12 | Tools | Enumerate the canvas components of the page and convert them into PNG/ICO images. | 0.9.0 | April 15, 2024 | view details → |
cssPicker - copy css from website | 4 | 3 | 2k | Developer Tools | copy html and css from any website | 1.1.4 | May 30, 2024 | view details → |
html.to.design | 4.6 | 58 | 200k | Tools | Convert any website into fully editable Figma designs. Requires the associated Figma plugin! | 0.0.125 | July 11, 2024 | view details → |
Redux DevTools | 4.6 | 713 | 1M | Developer Tools | Redux DevTools for debugging application's state changes. | 3.1.6 | December 13, 2023 | view details → |
Web to Figma | 4.3 | 6 | 8k | Tools | Web to Figma extension to capture pages and components and import them into Figma as editable designs. No more screenshots. | 0.0.6 | July 2, 2024 | view details → |
Omni - Bookmark, History, & Tab Manager | 4.5 | 59 | 20k | Workflow & Planning | Supercharge Chrome with commands, shortcuts, and more | 1.4.7 | March 22, 2022 | view details → |
Selenium IDE | 3.4 | 268 | 800k | Developer Tools | Selenium Record and Playback tool for ease of getting acquainted with Selenium WebDriver. | 3.17.2 | December 7, 2021 | view details → |
SmartFill Pro | - | 0 | 0 | Tools | Shows how to display the same side panel on every site using the Side Panel API. | 0.1.0 | June 30, 2024 | view details → |
Js object to ts interfaces | - | 0 | 4 | Developer Tools | Convert Javascript object to Typescript interfaces in browser. | 0.0.1 | May 6, 2024 | view details → |
TLDW - Too Long Didn't Watch | 1 | 5 | 704 | Tools | Use TLDW to summarize YouTube videos and web content with advanced AI. Quickly access key information. | 1.2 | July 9, 2024 | view details → |
mymind — An extension for your mind | 4.7 | 48 | 80k | Workflow & Planning | Add images, bookmarks, notes, quotes or text highlights to your new mind. | 3.0.0 | June 5, 2024 | view details → |
HTFLOW Inline HTML CSS Extractor | 4.5 | 4 | 206 | Developer Tools | Effortlessly extract inline HTML and CSS from any website and seamlessly convert it into Webflow. | 2.2 | May 8, 2024 | view details → |
HTMLエラーチェッカー | 4.4 | 96 | 90k | Developer Tools | HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数値が表示されます。JSでソースを確認するので、外部送信は行ってません。※formがあるページで挙動がおかしくなる場合は、一時的にオフにしてください。 | 0.5.0.5 | July 14, 2020 | view details → |
DivMagic - Copy Style from any website | 4.1 | 44 | 7k | Developer Tools | Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code. | 2.1.15 | May 14, 2024 | view details → |
FigFolder | - | 0 | 1 | Tools | Support multi-level folders for Figma pages | 2 | January 12, 2024 | view details → |
DearHM | 5 | 1 | 2 | Tools | Reads HTML page and generates cover letters based on the HTML | 1.0 | November 23, 2023 | view details → |
ChatGPT to Notion | 4.2 | 88 | 60k | Workflow & Planning | Save your discussions with ChatGPT directly into Notion! | 1.9.5 | May 27, 2024 | view details → |
Proxy SwitchyOmega | 4.6 | 3.8k | 2M | Developer Tools | Manage and switch between multiple proxies quickly & easily. | 2.5.21 | November 22, 2020 | view details → |
Conversion to CSS in JS | - | 0 | 5 | Workflow & Planning | CSSをCSS in JSで使えるように変換します。 Convert CSS for use with CSS in JS. | 0.2 | September 2, 2022 | view details → |
ColorZilla | 4.6 | 3.8k | 4M | Developer Tools | Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies | 4.1 | May 22, 2024 | view details → |
JSON Formatter | 4.6 | 1.8k | 2M | Developer Tools | Makes JSON easy to read. Open source. | 0.7.3 | March 28, 2024 | view details → |
Lighthouse | 4.4 | 308 | 1M | Developer Tools | Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. | 100.0.0.4 | April 23, 2024 | view details → |
SEOquake | 4.6 | 2.5k | 1M | Developer Tools | SEOquake is a free plugin that provides you with key SEO metrics, along with other useful tools such as SEO Audit and many others | 3.13.0 | June 30, 2024 | view details → |
PageRip (HTML + CSS Extract) | 3.4 | 42 | 10k | Developer Tools | Rip HTML + CSS snippets from any element on any web page with an element selector. Convert full webpages to single file HTML and JSX | 0.0.95 | January 30, 2023 | view details → |
React code finder | 5 | 3 | 244 | Developer Tools | Chrome extension for React Developer | 2.0.5 | May 15, 2024 | view details → |
SuperX (Twitter Analytics) | 4.8 | 18 | 1k | Social Networking | Super insights for your X (Twitter) activities and engagements | 0.6.57 | July 11, 2024 | view details → |
Superpower ChatGPT | 3.9 | 806 | 100k | Tools | ChatGPT with Superpowers! Folders, Search, GPT Store, Image Gallery, Voice GPT, Export, Custom Prompts, Prompt Chains, Hidden Models | 5.10.59 | July 11, 2024 | view details → |
Poneglyph Code Viewer | - | 0 | 15 | Developer Tools | HTTP Response Code Highlighter using monaco-editor | 0.0.2 | September 27, 2022 | view details → |
NKCSS Wax Transaction Editor | - | 0 | 3 | Workflow & Planning | Open any executed WAX transaction, edit and re-execute it. | 0.0.2 | February 7, 2023 | view details → |
Gwdw | 5 | 1 | 11 | Developer Tools | One-click positioning in the editor. | 0.0.1 | May 19, 2023 | view details → |
Page to design | - | 0 | 122 | Workflow & Planning | Convert any webpage into Figma as editable designs. | 0.4.4 | June 12, 2024 | view details → |
Reactions | - | 0 | 4 | Just for Fun | React to the world wide web. | 0.1.0 | September 6, 2023 | view details → |
BetterLabyrinth | - | 0 | 5 | Workflow & Planning | An enhancement suite for Labyrinth Intelligence. (Currently all it offers is export and import of workflows using the UI) | 1.0 | October 28, 2022 | view details → |
TEditor | - | 0 | 2 | Developer Tools | App edit element in page | 1.0.0.1 | February 3, 2023 | view details → |