Skip to content

Commit 86e7273

Browse files
committed
chore: update readme with extension links
1 parent c9b7dc6 commit 86e7273

1 file changed

Lines changed: 11 additions & 12 deletions

File tree

README.md

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,19 @@
22

33
A browser extension that helps with design audit. Match web layouts with Figma designs through real-time element inspection, measurements, and visual overlays.
44

5+
- [Google Chrome](https://chromewebstore.google.com/detail/amgiflol/kpkpcekkflbmmmhjlnkbkfkdjfjnnonl/)
6+
- [Mozilla Firefox](https://addons.mozilla.org/en-US/firefox/addon/amgiflol/)
7+
58
## Target Audience
69

710
Any individual or web development teams including front-end developers, UI/UX designers, QA engineers, and product managers.
811

912
## Usage Note
1013

11-
I'm building this tool to act as an active visual debugger, since it is what I struggle with the most. It's intended to be used at the end of a feature development or during the development cycle.
14+
Personally, I'm building this tool to act as an active visual debugger, since it is what I struggle with the most.
1215

13-
1. This tool won't automatically point out alignment or style mismatch with your designs.
14-
2. Use during development or design audit cycle to get things right as early as possible.
16+
1. For others, it's intended to be used as an audit tool at the end or during development. Use it to reason about the layout like you would in a prototyping tool like Figma, or Adobe XD.
17+
2. This tool won't automatically point out alignment or style mismatch with your designs.
1518
3. You may find some shortcuts not implemented or upto the industry standard.
1619
4. **This tool doesn't require you to login into any of your fav prototyping tool.**
1720

@@ -27,21 +30,18 @@ I'm building this tool to act as an active visual debugger, since it is what I s
2730
- **Toolbar**: Floating interface with auto-positioning
2831
- **Visual Overlays**: Highlight elements and parent relationships
2932
- **Feature Voting**: Vote for your features to be developed
33+
- **Design Mode**: Edit text on screen
3034

3135
## Roadmap
3236

33-
### 🔄 Current Development
34-
35-
- **Feature Voting System**: User-driven feature prioritization
36-
- **Enhanced Measurements**: Area calculations, angle measurements
37-
- **Multiple Trackers**: Track multiple elements simultaneously
38-
3937
### 🚀 Planned Features
4038

4139
- **Auto-Hide/Move**: Smart UI positioning to avoid interference
42-
- **Neighbor Analysis**: Automatic sibling/parent distance detection
40+
- **Neighbour Analysis**: Automatic sibling/parent distance detection
4341
- **Viewport Tools**: Responsive design testing utilities
4442
- **Parent/Sibling Traversal**: Navigate element hierarchy
43+
- **Enhanced Measurements**: Area calculations, angle measurements
44+
- **Multiple Trackers**: Track multiple elements simultaneously
4545

4646
## Quick Setup
4747

@@ -58,8 +58,7 @@ pnpm zip:firefox # Create distribution package for firefox
5858
## Development
5959

6060
### State Management
61-
62-
- **Reactive Stores**: Svelte 5 runes for optimal performance
61+
- **Reactive Stores**: Svelte 5 runes
6362
- **Cross-Context Communication**: Typed message bus system
6463
- **Storage Sync**: Browser storage integration with per-domain settings
6564

0 commit comments

Comments
 (0)