Skip to the shop floor

Stylepack vs Diagram Smith

A side-by-side comparison built from both listings. Blank cells mean the company has not given that detail; we never guess.

Stylepack compared with Diagram Smith
DetailStylepack logo StylepackDiagram Smith logo Diagram Smith
What it doesExtract a design system from any website for AI Free online tools for flowcharts, charts, diagrams and timelines with no sign-up
StageNot given Not given
FoundedNot given Not given
Based inUS Not given
Pricing modelFreemium Freemium
PricingFree: 2 design packs a day without account, 5 per day with free account. Pro: $9 per month (or $90 per year) for 50 packs per month, any page of a site, private packs, MCP server and REST API. Free: no account required, all diagram and chart makers, PNG/SVG/PDF export, no watermark. Pro: Monthly $9.99 a month, Yearly $99.99 a year with 7-day free trial, Lifetime $239.99 once. Euro area: €10.99 a month, €109.99 a year, €259.99 once (VAT included).
Key features
  • DESIGN.md in Google's format describing colors, type, spacing, radii, shadows and components
  • BEHAVIOR.md covering hover, focus, tooltips, menus, motion, scrolling, tables, forms and dark mode
  • Screenshots at four widths: 1440, 1024, 768 and 390 pixels
  • W3C design tokens (DTCG) format for Style Dictionary and Figma plugins
  • CSS custom properties with all design values
  • Tailwind v4 theme block
  • SKILL.md for Claude Code and Cursor
  • MCP server integration for AI agents to fetch packs automatically
  • REST API with keys for automated access
  • Private packs accessible only to the user
  • Flowchart and process diagram maker with canvas and text-to-diagram modes
  • Text-to-diagram tools for UML, ER and sequence diagrams
  • Chart tools: pie chart, line graph, gauge and Sankey diagram
  • Automatic diagram layout from typed text
  • Export to PNG, SVG and PDF without watermark
  • Share diagrams with share links
  • Pro: editable .drawio export and vector PDF
  • Pro: multi-page documents and layers
  • Diagram checks for unlabelled branches and dead ends
  • Works on phone and computer
What makes it different
  • Measured from live pages, not guessed from screenshots
  • Captures behavioral details like interactions and state changes, not just visual design
  • Free tier requires no account or card to try
  • AI agents can use Stylepack directly with Pro via MCP server
  • Completely free with no account required and no watermark on exports
  • Nothing uploaded: all work stays on your device in your browser
  • Results computed by the same tested code, not manually typed
  • Multiple export formats: PNG at 4 sizes, SVG and PDF
  • Converts between formats: Mermaid to draw.io, SQL to ER, Visio to flowchart
Community votes00
DR (Domain Rating by Ahrefs)Not checked yet no change since last check2 no change since last check
Trust Flow (Majestic)00
Citation Flow (Majestic)019
Referring domains (Majestic)04

5 details filled in for both companies.

More alternatives to Stylepack More alternatives to Diagram Smith

Support