Help

Guides and documentation for Blue Painter.

Get started in 5 minutes

Paste URL, get report. Set up your account and run your first analysis.

Projects (Spec 4)

Manage design–code alignment projects.

Running an analysis (Spec 4.1)

How to start and configure analyses.

Capture from live app (Addendum B v4)

Use the Chrome extension to create projects from coded apps.

Coded flow report (v4, Addendum B)

Analyze live, coded apps in the browser.

Design screens & overlays (Spec 4.5)

View design screenshots with issue feedback.

Designer Dev Stack (4.3a)

Design with the same components and tokens as developers.

Figma plugin (Spec 6.1)

Run checks in Figma and send to Blue Painter.

Understanding reports (Spec 4.5)

Read and act on analysis reports.

Export flow alternatives to Figma (Spec 6.2)

Create a new page in Figma from a flow variant.

Flow graph & issues (Spec 4.1)

Navigate the flow graph and triage issues.

Personalization (v3, Spec 6.4)

Where to personalize vs keep consistent.

Blueprint comparison (Addendum B)

Compare your flows to battle-tested patterns.

Blueprint Library (v5+, Addendum B)

Browse and apply battle-tested flow patterns.

Expert Review (Addendum B)

Human expert review on top of your analysis.

Team workspace (v2, Spec 5.7)

Collaboration, comments, and version history.

Observer Agent (v4.5, Addendum B)

Repo-aware suggestions from design + code.

Stack Advisor (v5+, Addendum B)

Context-aware tool recommendations.

Dev-side Blue Painter (v5+, Addendum B)

IDE extension for developers.

Code awareness & Design–Code Gap (Spec 5.6)

Compare design flows with your codebase.

Settings & rules (Spec 5.4)

Configure analysis rules and preferences.

Design system governance (Spec 6.6)

Advanced design system governance and health.

Success metrics & KPIs (Spec 9)

What Blue Painter tracks and how to measure impact.

CI/CD integration (Spec 6.7)

Run analyses in your pipeline.

Product roadmap (Spec 8)

Development roadmap and version milestones.

Key views (Spec 7)

Where to find main features in the app.

Pricing & plans (Spec 10)

Free, Pro, Team, Enterprise tiers and add-ons.

Platforms & downloads (Spec 2)

Feature parity across desktop, extensions, and mobile.

Desktop app updates (Spec 2)

How the desktop app notifies you of and installs updates.

AI playbooks (v2, Spec 5.1)

Contextual instructions for fixing issues with AI tools.

AI workflow templates (v3, Spec 6.5)

Team-level workflow guidance for AI tools.

Export & sharing (Spec 4.5)

Markdown, PDF, GitHub, and Figma comments.

Keyboard shortcuts

Navigate faster with keyboard shortcuts.

Troubleshooting

Common issues and fixes.

Security hygiene (Addendum B)

Flow-level security checks and coded-flow analysis.

Accessibility & colorblind (Addendum A)

Use Blue Painter with screen readers and colorblind-safe mode.

Responsiveness & breakpoints (v3, Addendum A 6.2)

How Blue Painter checks for responsive layouts.

Analytics overlay (v3, Spec 6.3)

Real usage data on the flow graph.

Live Design Governance (v3, Spec 6.1)

Real-time companion alongside Figma.