Heuristic Checker - BETA
Design with confidence, ship with excellence
Plugin Preview
About this plugin
Heuristic Checker is your design quality companion that automatically analyzes your Figma designs against UI/UX best practices and accessibility guidelines.Key Features:• Typography Consistency Check: Ensures consistent font styles, sizes, and line heights across your design system• Button Consistency Check: Validates button styles, sizes, and states for a cohesive user experience• Color Contrast Check: Verifies text readability and WCAG compliance• Design Recommendations: Provides actionable suggestions to improve your design qualityPerfect for:• Design Teams: Maintain consistency across large design systems• UI/UX Designers: Catch inconsistencies before they reach development• Product Managers: Ensure design quality meets project standards• Developers: Verify design specifications before implementationStart using Heuristic Checker today to streamline your design QA process and deliver pixel-perfect designs with confidence.Currently Supported Checks (Beta):1. Typography Consistency• Line height consistency• Font family consistency• Text style consistency across similar elements2. Button Consistency• Size and padding verification• Typography standards for button labels• Border radius consistency• Visual hierarchy in button variants3. Color Contrast• Text contrast against backgrounds (WCAG compliance)• Icon contrast verification• Color accessibility recommendationsNote: More checks and features will be added in future updates. We welcome your feedback and suggestions for additional checks!
Plugin Details
| Version | 2 |
|---|---|
| Created | January 18, 2025 |
| Last Updated | January 27, 2025 |
| Category | Accessibility tools |
| Creator | Opeyemi Ajagbe |
| Stats | 52 installs, 14 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://static.figma.com
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥