BasePad

About this plugin

BasePad: Your Design System Assistant

BasePad is the ultimate utility belt for Figma designers who want to build, manage, and clean up their design systems. It bridges the gap between messy, static designs and a clean, token-based workflow.

Whether you are starting a project from scratch or trying to fix an inconsistent file, BasePad automates the tedious work. It helps you generate perfect grids, analyze your usage of fonts and colors, and most importantly instantly convert static values into reusable Variables and Styles.

Why designers love it:

It turns hours of manual "find and replace" into a few clicks.

Key Features :

🚀 Design System Management

1. Smart Grid Generator: Instantly create responsive grid layouts for Desktop, Tablet, and Mobile.
2. Typography Scales: Generate harmonious type scales and text styles automatically.
3. Color Palettes: Import colors from CSS/JSON or create organized swatches.

✨ "Switch to Token" (New!)

1. Fix Static Designs: Select any frame, and BasePad will find every static Hex code, font size, or border radius.
2. Instant Conversion: Replace static values with your defined Variables (Tokens) or Styles in one click.
3. Smart Suggestions: The plugin suggests the closest matching token for your static elements.

🔍 Global Selectors

1. Deep Analysis: Scan your entire page to see exactly which fonts, colors, or images are being used.
2. Bulk Selection: Select every layer using a specific font or color instantly to make bulk edits.

🌐 Inspiration & Import

1. Website Style Fetcher: Enter any URL to grab its live typography and color palette directly into Figma.

✅ Workflow Essentials

1. Clean Handoff: Ensures your file uses tokens, making it developer-ready.
2. Variable Support: Fully supports modern Figma Variables (Color, Float/Number).