Convert HTML from any page to React and/or Figma. Edit with AI.

Latest Version

Version
0.0.23
Update
November 26, 2024
Size
392KiB
Developer
magicpatterns.com
Category
Users
6,000+
Rating
4.9 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

HTML to React & Figma by Magic Patterns Extension

Convert a page or a section of a page to React code or an editable Figma design.

What you can do with HTML to React/Figma:
- Grab an existing design that you like and instantly get React code you can use in your own project
- Import existing designs to edit and work off instead of starting from scratch
- Use AI to customize and modify existing designs


Created and supported by Magic Patterns.
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"default_popup":"popup.html"},
"version":"0.0.23",
"author":"Magic Patterns",
"name":"HTML to React & Figma by Magic Patterns",
"description":"Convert HTML from any page to React and/or Figma. Edit with AI.",
"background":{"service_worker":"static/background/index.js"},
"permissions":["activeTab"],
"content_scripts":[{"matches":[""],
"js":["content.903826e2.js"],
"css":[]}],
"commands":{"activate_extension":{"suggested_key":{"default":"Ctrl+Shift+P",
"mac":"Command+Shift+P"},
"description":"Starts the extension"}}}
Read more

Similar Extensions

icon

SuperX (Twitter Analytics) Extension · Social & Communication 6,000+ 23 ★ 1.19MiB

icon

Gimli Tailwind Extension · Developer Tools 6,000+ 33 ★ 151KiB

icon

HTML to React Extension · Developer Tools 6,000+ 4 ★ 342KiB

icon

html.to.design Extension · Productivity 6,000+ 72 ★ 333KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 6,000+ 55 ★ 1.3MiB

icon

Web to Figma Extension · Productivity 6,000+ 12 ★ 945KiB

icon

Button Stealer Extension · Photos 6,000+ 53 ★ 155KiB

icon

HTML to Figma - by Builder.io Extension · Productivity 6,000+ 46 ★ 343KiB

icon

HTML to Framer Extension · Productivity 6,000+ 38 ★ 35.35KiB

icon

LocatorJS Extension · Developer Tools 6,000+ 64 ★ 190KiB

icon

Aspect Extension · Developer Tools 6,000+ 4 ★ 60.34KiB

icon

VisBug Extension · Developer Tools 6,000+ 252 ★ 5.38MiB

icon

HTML to Figma - by DemoWay (Pixel-Perfect Web to Figma Design) Extension · Productivity 6,000+ 9 ★ 9.59MiB

icon

서핏 - 매일 성장하는 사람들의 커리어 플랫폼 Extension · Productivity 6,000+ 55 ★ 27.29MiB

icon

Vercel Extension · Developer Tools 6,000+ 24 ★ 34.3KiB

icon

Element to Figma Extension · Productivity 6,000+ 1 ★ 197KiB

icon

SVG Gobbler Extension · Developer Tools 6,000+ 95 ★ 1.18MiB

icon

Rayst - Reveal the web Extension · Developer Tools 6,000+ 20 ★ 455KiB

icon

OpenAPI DevTools Extension · Developer Tools 6,000+ 10 ★ 2.38MiB

icon

SnipCSS Extension · Developer Tools 6,000+ 32 ★ 13.12MiB

icon

Jinno: code any React component with AI Extension · Developer Tools 6,000+ 38 ★ 18.37MiB

icon

Glif: Remix the web with AI Extension · Photos 6,000+ 106 ★ 6.51MiB

icon

mymind — An extension for your mind Extension · Productivity 6,000+ 56 ★ 363KiB