Figment

5.0(

1 rating

)

Extension Developer Tools5 users

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
Google doesn't verify reviews. 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

React Context DevTool

4.5(24)

Devtool for React Context and useReducer

CSS Viewer for Google Chrome™

4.1(387)

FREE! Quick and simple CSS property viewer.

HTML to React & Figma by Magic Patterns

4.9(11)

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

Atomic CSS Devtools

5.0(17)

A devtool panel for debugging Atomic CSS rules as if they were not atomic

React Developer Tools

4.0(1.6K)

Adds React debugging tools to the Chrome Developer Tools. Created from revision 4d6cf75921 on 5/7/2025.

Web Component DevTools

4.3(9)

Developer tooling for Web Components and Web Component Libraries

React code finder

5.0(5)

Chrome extension for React Developer

React Inspector

3.4(11)

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(59)

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

UI Inspector - Visual CSS Editor

4.1(9)

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

DivMagic - Copy Style from any website

3.6(71)

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

LocatorJS

4.3(73)

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