8 tools
Tokens Studio
tokens.studio
Tokens Studio is the standard Figma plugin for design token management — it lets designers create and organize tokens for colors, typography, spacing, and shadows, then sync them to GitHub, GitLab, or other repos as JSON. It fills the gap Figma Variables leave open: semantic mappings, theme logic, portability to code, and version control. Also maintains Style Dictionary V4 and is expanding to Framer.
Locale
joshpuckett.me/locale
Preview your locally installed fonts in the browser — with adjustable size, weight, sample text, and background options.
Figma
www.figma.com
The dominant collaborative design platform, now a complete creation ecosystem. Config 2025 launched Draw (vector illustration), Sites (web publishing), Make (AI prototyping with Claude), and Buzz (branded asset production). As of March 2026, Figma enforces AI credit limits across all plans — 500 credits/month on free (150/day cap), scaling to 4,200 on Enterprise — with pay-as-you-go billing available. The MCP server supports two-way workflows across Cursor, Warp, Factory, and Augment, with Code Connect UI updates adding multi-file component attachments and cross-framework code previews for Org and Enterprise plans. April 2026: a major performance update delivered 10x faster vector editing, 4x smoother frames, and 92% fewer memory warnings, alongside ChatGPT Images 2.0 across all products. May 2026: Figma Make custom skills ship — reusable slash commands that package repeatable prompts into stable agent workflows, callable from any Make file, with team-sharing on the roadmap. Also May 20: the Figma AI agent launched in beta, reading your canvas and operating directly inside the file using your components, variables, and styles.
Dessn
dessn.ai
Dessn lets product teams design directly in their production codebase without opening an IDE. Give it read access to your repo and it extracts your design language — components, tokens, typography — then builds a design environment your whole team can use for prototyping and handoff. The result is developer-ready code from day one because designs are made in the actual production context.
Framer
www.framer.com
Design-to-production platform for modern websites — part Figma, part Webflow. AI generates complete page layouts from prompts, with strong animation controls, CMS, and one-click publishing. Raised $100M Series D at $2B valuation in August 2025. CMS 3.0 (April 2026) overhauled content management with inline cell editing, bulk actions, and folder organisation for collections — making Framer meaningfully more viable for content-heavy sites than earlier versions.
Readymag
readymag.com
Readymag is a freeform browser-based design tool for creating portfolios, editorial websites, and campaign microsites without code. Unlike grid-constrained builders, it lets you place elements freely with full typographic control — variable fonts, ligatures, stylistic sets — plus scroll animations and hover interactions. Used by Condé Nast, Airbnb, and Amazon; won a Fast Company Innovation by Design Award in 2024. Note: templates are not responsive by default.
Affinity Suite
affinity.studio
Professional design suite now free following Canva's acquisition. Combines Affinity Designer (vector), Photo (raster), and Publisher (page layout) into a single unified app with three studio modes. No subscription required — Canva AI features available as an optional paid add-on. Over one million new signups in its first four days as a free product.
FontBase
fontba.se
Font manager for Mac, Windows, and Linux. Activates fonts on demand, integrates Google Fonts, and includes a playground for previewing type with CSS export.