Françoise Check
Messy file in.
Production-ready out.
The only Figma tool that catches visual component flaws and solves every contrast edge case across translucent layers, overlays, and background imagery.
Checked against your UI kit, principles, and accessibility
Françoise Check verifies your layouts against UI kit components, the underlying spatial rules of your design system, and exhaustive WCAG accessibility standards.
UI Kit & Component Validation
We ensure your layouts strictly use approved components and tokens, detecting actual visual structural drift rather than just checking raw token variables.
UI Kit Validation
Design System Principles
Beyond basic tokens, we validate the underlying logical rules, component geometry, and spatial principles of your system.
Design System Principles
True In-Context Accessibility
Contrast is measured across all real-world states: translucent layers, multi-stop gradients, and complex background photos.
Accessibility
Visual Component Fixing
While token linters only check variable names, Françoise detects visual component drift, broken internal geometry, and layer discrepancies, fixing the component structure automatically.
Visual component drift & auto-fix
We analyze actual component structure and rendering to automatically restore the exact visual state from your library.
Visually matched components
Replace custom with ready-made
If a designer built a custom element that already exists in the system, we flag it visually and suggest the exact component swap.
Replace custom elements
Fix overrides & auto-layout
Catch unwanted visual overrides and correct broken auto-layout structures instantly without losing component data.
Fix auto-layout
Clean layer structure
Bring absolute order to layers, ensuring the file structure is as logical as the visual output for seamless developer handoff.
Clean layer structure
Deep adherence to system principles
Françoise Check goes beyond static components to understand context. Feed it your specific project requirements, and it evaluates the layout against complex systemic dos and don'ts.
Custom technical specs
Input specific requirements from the client, and we'll ensure the design precisely follows them across every screen.
Technical specifications
Contextual Dos & Don'ts
Automatically catch nuanced rules like "avoid grouping white cards" based on your unique design guidelines.
Contextual Dos
Logical exceptions
The system understands context, allowing specific exceptions—like a unique formatting rule permitted only at the end of a logical block.
Logical exceptions
Complex typography rules
Apply different typesetting rules automatically — e.g., tight spacing for body text and loose spacing everywhere else.
Typography rules
Every contrast scenario. Extended WCAG compliance.
Most plugins only check solid text on a solid color. Françoise evaluates rendered layers — calculating exact contrast on photos, transparent overlays, and complex blend modes, with complete WCAG coverage.
Accessibility rules
Complex Layer & Image Contrast
Calculates composite contrast across real-world edge cases: text on background imagery, stacked alpha/opacity layers, and gradient fills where normal tools report false results.
Complex Layer Contrast
Visual Hierarchy & Headings
Validates heading structures (H1, H2, H3), logical reading order, and proper font size progression across responsive frames.
Visual Hierarchy
Focus & Touch Targets
Ensures all interactive components have clearly defined focus states and adequate target sizes for touch accessibility guidelines.
Focus states
Full WCAG 2.2 Reporting
Instant compliance feedback mapped directly to WCAG 2.2 Level AA, and AAA guidelines for audit-ready handoff.
WCAG Reporting
A library you can actually change
Because your files are now cleanly structured and linked, you unlock capabilities that were previously impossible.
Migrate a whole system
Move thousands of legacy files from one design system to another automatically.
Clear legacy debt
Every detached, drifted, hand-built file in your archive surfaced and fixed at scale.
Instant team sync
Any change made to the design system is immediately communicated to and reflected in the ongoing work of your team.
Ready for code
Clean structure is what every design-to-code tool has been waiting for. Files convert cleanly instead.
Turn generated UI into system components
Generate a UI anywhere, bring it into Figma, and Françoise Check maps it to your design system tokens, components, structure. What it can't fix automatically, it leaves as plain notes you can handle yourself or send straight back to the generator.
Pricing
Automated layout hygiene for professionals and scaling teams.
Pro
$29 / mo
• Full layout checks
• 5000 checks / mo
• Design system token mapping
• Priority support
• Permanent price lock protection (Annual)
Organization
$49 / mo per user
• Everything in Pro
• Single Sign-On (SSO)
• Custom access rights & roles
• Team communication
• Advanced analytics
• $500 / yr per user on annual billing
Try it instantly

Get your first 20 full-featured layout checks completely free.

Run Free Checks