The AI skill that reasons before it designs.
Forma gives AI coding assistants a 12-layer design reasoning process — research, industry rules, psychology, design systems, accessibility, and self-critique — before any UI gets built.
"Build a fintech dashboard with dark theme"
Most AI design skills ask one question.
Forma asks five more — before a single line of code is written.
Result: Hallucinated colors. Missing ARIA labels. Low conversion placement. No industry awareness.
How It Works.
9 layers of reasoning between your prompt and the final output.
{
"intent": "Dashboard",
"triggers": ["data-heavy", "auth"]
}
Trigger Detection
Analyzing prompt intent…
UX Pre-Flight
Audience · Goals · Risks · IA
Industry Intelligence
Loading fintech constraints…
Psychology Analysis
Trust · Cognitive Load · Social Proof
Design System Gen
Typography · Color · Spacing · Tokens
Component Selection
Hero · Dashboard · Auth — best practices
UI Generation
Framework-aware, token-driven output
Accessibility Audit
WCAG AA contrast checks passed
Design Critique
Score: 91/100 — 0 critical issues
Self-Critique Built In.
Forma scores its own output and automatically heals issues before rendering.
Live Audit Score
Calculated across 147 heuristic layout checks.
12 Layers of Intelligence.
Each layer is a discrete, searchable knowledge module. Only the relevant ones activate per prompt.
Knowledge Layer
67 styles, 161 rules, 57 fonts, 161 palettes — JSON, BM25-searchable
Industry Intelligence
16 profiles — what each domain requires, recommends, forbids
Design Psychology
10 trigger categories — trust, urgency, social proof, cognitive load
Component Intelligence
20+ components — best practices, anti-patterns, industry adaptations
Design System Architect
Generates typography, color, spacing, tokens — before any UI
UX Research Intelligence
Pre-flight: audience, goals, risks, information architecture
Design Critic + Audit
Rule-based scoring — hierarchy, consistency, accessibility, conversion
Accessibility Intelligence
Automated WCAG AA contrast checks
Conversion Intelligence
CTA placement, trust signal proximity, form minimization
Token Bridge
Export tokens → Tailwind, CSS variables, SCSS
Frontend Intelligence
15 framework-specific rule sets
Multi-Agent Reasoning
Trigger-based agent activation — only what's needed loads
Same Prompt. Different Rules.
The same "Build a dashboard" prompt produces radically different constraints based on industry.
Required Patterns
Forbidden Patterns
Design Principles
Recommended Styles
The Knowledge Engine.
Forma ships with a massive local database — no API calls, no cloud dependency.
{
"$schema": "design-tokens.org/schema",
"color": {
"primary": {
"$value": "#1A73E8",
"$type": "color"
},
"surface": {
"$value": "#F8FAFC",
"$type": "color"
}
},
"typography": {
"heading": {
"$value": "Inter",
"$type": "fontFamily"
}
}
}
{
"industry": "fintech",
"design_principles": [
"trust", "security", "stability"
],
"forbidden_patterns": [
"glassmorphism",
"neon_gradients"
],
"required_patterns": [
"clear_cta", "trust_badges"
]
}
Enterprise-Grade Security.
Forma is built for Enterprise. Privacy is non-negotiable.
Zero Telemetry
Forma does not track your usage, collect your prompts, or phone home. Your design intelligence stays entirely private.
Local Execution
The high-speed Go CLI and Python Intelligence Engine run entirely on your local machine. No external API calls are made by Forma.
Sandboxed Agent
All AI generation is handled exclusively by your IDE's existing LLM connections. Forma acts merely as a secure, local tooling context.
Universal Compatibility.
Forma integrates seamlessly with 18+ IDE agents and understands 19+ frontend frameworks out of the box. No configuration required.
Supported Frameworks
Supported AI Agents
Install in Seconds.
Install globally via NPM. The forma-cli binary is lightning fast and handles all environment integrations.
Usage Examples
Once installed, Forma operates silently in the background. Just talk to your AI naturally. Forma intercepts the visual requests and applies its reasoning layers.
CLI Reference
| Command | Description |
|---|---|
| forma doctor | Runs a system diagnostic on your Python and Go environments. |
| forma heal <file> | Triggers the AST Auto-Healer to physically inject missing WCAG code. |
| forma export --format tailwind | Exports the W3C tokens into your Tailwind configuration. |
| forma update | Instantly upgrades the CLI to the latest Vanguard release. |
| forma remove | Safely purges Forma agents from your codebase. |
Safe Removal
Forma deeply respects your codebase. If you want to remove the AI logic from your project, you don't have to hunt down hidden files.
Stop prompting.
Start reasoning.
Give your AI the intelligence it was missing. Install Forma and never ship broken UI again.