Figma Font Preview
Preview and apply Google Fonts, Fontshare, and local fonts directly on your canvas.
Plugin Preview
About this plugin
Figma Font Preview lets you browse, preview, and apply fonts to your text layers instantly. You can search and filter through your local fonts, the complete Google Fonts catalog, and Fontshare all in one place.Type your own custom preview text, adjust the size, and see how each typeface looks in real time. Filters for Sans Serif, Serif, Monospace, Display, and Handwriting make it easy to find the right style. When you find a font you like, just click it to apply it to your selected text layers.Features:Live custom preview text: Type your own sample text to see how it renders across all fonts.Find fonts quickly: Search by name or filter by source (Local, Google Fonts, or Fontshare) and category (Sans Serif, Serif, Monospace, Display, and Handwriting).Real-time preview loading: Google Fonts and Fontshare previews load dynamically as you scroll.Quick apply: Click any font in the list to apply it to your selected text layers. The plugin also flags web fonts that are not currently installed in Figma.Theme support: Automatically matches Figma's light and dark modes.
Plugin Details
| Version | 2 |
|---|---|
| Created | July 11, 2026 |
| Last Updated | July 29, 2026 |
| Category | Accessibility tools |
| Creator | Nijin |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
Fetches Google Fonts and Fontshare catalogs (font names and categories) and loads their font files so the preview list can render each typeface.
- Editor Types:figma
- Allowed Domains:
- https://api.fontshare.com
- https://cdn.fontshare.com
- https://fonts.google.com
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the Accessibility tools category.