Figment

5.0(

1 rating

)

Extension Developer Tools

Overview

Quickly find the code for rendered React components!

Figment only works for sites running a development build of React on localhost. 1) Click the toolbar icon OR focus on the page then press the hotkey to turn on or off (alt-f OR ⌥-f) 2) Mouse over the page to see components and elements outlined in red 3) Click the red label for an outlined component 4) Click a code link, if available, in the resulting menu

5 out of 5
1 rating
Learn more about results and reviews.

Details

Version
0.5.3
Updated
February 27, 2024
Flag concern
Offered by
Dan Koster
Size
19.32KiB
Languages
English (United States)
Developer
Email
figmentapp@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Web Capture - HTML to React with MagicPath

4.4

Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.

React Context DevTool

4.3

Devtool for React Context and useReducer

JSX Tool

5.0

Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.

React Developer Tools

4.0

Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.

React code finder

5.0

Chrome extension for React Developer

React Scan

4.8

Scan React apps for performance problems

React Inspector

3.5

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

PageRip (HTML + CSS Extract)

3.2

Rip HTML + CSS snippets from any element on any web page with an element selector. Convert full webpages to single file HTML and JSX

HTML to React

4.5

The fastest and smartest way to analyze HTML elements and generate full React component representations.

RSC Devtools

4.9

React Server Components network visualizer

DivMagic - Copy Style from any website

3.4

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.