Figment
Extension Actions
CRX ID
hcmfhihaniplfakhnhpojidjkbnifgde
Status
- Live on Store
Description from extension meta
Quickly find the code for rendered React components!
Image from store
Description from store
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
Latest reviews
- Mike Hildebrand-faust
- This thing is awesome! When figment is toggled on, you can hover an element you want to inspect and you get an outline of the dom element on screen and a tag-name in the upper-right corner. Clicking on the tag name then lists out the entire component sub-tree from that node. It's so easy and waaay better than React devtools for inspecting components!