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 quality
Perfect 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 implementation
Start 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 elements
2. Button Consistency
• Size and padding verification
• Typography standards for button labels
• Border radius consistency
• Visual hierarchy in button variants
3. Color Contrast
• Text contrast against backgrounds (WCAG compliance)
• Icon contrast verification
• Color accessibility recommendations
Note: 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 | 18 installs, 9 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.