Design canvas with your codebase and agents built in, where design engineers get production-grade output without handoff
Crop Steam profile backgrounds and showcase art to design custom profile layouts
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Freemium
Free
Pricing
Hobby: Free with monthly agent limits for personal projects and unlimited connected repositories. Pro: $20 per person per month with extended agent limits, merge-ready PRs, design QA, and priority support. Teams & enterprises: Custom pricing with SSO/SAML, SCIM, SOC 2 Type II, and dedicated support.
Not given
Key features
Canvas connected to codebase with code-to-canvas and canvas-to-code workflows
Type-safe code generation from design changes
Pull request integration for code review
Design QA and polish on live product
Support for authenticated screens and complex states
No developer environment setup required for designers
Reuses existing components and design system instead of creating parallel systems
Crop Steam profile backgrounds into showcase-specific slices
Support for Featured Artwork, Artwork, Screenshot, and Workshop showcases
Full Screen and Original Size display mode matching
Support for animated backgrounds and GIF artwork
MP4 and WebM video export for animated backgrounds
Local browser storage of preferences and settings
No Steam login or credential collection required
What makes it different
Eliminates design-to-engineering handoff with production-ready code direct from canvas
Works directly with real codebase, components, and live data instead of static mockups
Type-safe pull requests that engineers want to merge
Preserves existing design system with no parallel UI debt
Design on the real product surface, not static files like Figma
Handles all Steam showcase crop shapes with a single tool
Works entirely in browser with no login required
Supports both static and animated background workflows
Modeinspect
Steam Design Tools