Type Style Sample Creator
Generate professional type specimen documentation from selected text objects
Plugin Preview
About this plugin
Automatically create professional typography documentation for your design system. Select any text object and instantly generate a formatted specimen showing all typographic properties.
**Key Features:**
• Extract font family, weight, size, and spacing details
• Display line height, letter spacing, text decoration, and case
• Optional preview text with exact styling (color, decoration, case)
• Optional color information with hex, RGB values, and swatches
• Batch process up to 25 text objects at once
• Clean, consistent formatting perfect for design documentation
**Perfect for:**
• Design system documentation
• Typography style guides
• Client presentations
• Team handoff documentation
Simply select text objects, click Create, and get beautifully formatted type specimens positioned right below each text element.
Plugin Details
| Version | 2 |
|---|---|
| Created | October 17, 2025 |
| Last Updated | October 17, 2025 |
| Category | Import & export plugins |
| Creator | Travis Gregory |
| Stats | 3 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML