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 interface design tool at roughly 90% market share, now extended across motion, code, and generation. Config 2026 shipped Code Layers (turn any design element into interactive code with one click), Figma Motion (keyframe timeline on canvas), generative shaders, 3D transforms, and an AI agent with skills and connectors to Notion, Slack, Granola, and GitHub. Dev Mode handles developer handoff without a separate tool.
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
A website building platform where AI agents live directly on the canvas to design pages, handle breakpoints, write component code, and run accessibility audits. Branching lets teams fork their live site, test changes safely, and merge back in. Strong animation controls, CMS, one-click publishing, and a creator marketplace that paid out $6.5M in 2025 with no revenue share taken.
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.