Back to Plugins
Heuristic Checker - BETA

Heuristic Checker - BETA

Design with confidence, ship with excellence

design validationcontrast checkerdesign checklistheuristic evaluationheuristic checkerdesign quality assurancedesign system toolsheuristicsdesign workflowdesign consistency

Plugin Preview

Heuristic Checker - BETA 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

Version2
CreatedJanuary 18, 2025
Last UpdatedJanuary 27, 2025
CategoryAccessibility tools
CreatorOpeyemi Ajagbe
Stats18 installs, 9 likes
PricingFree

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