Component Presets
Save, swap, and insert component instances exactly as configured
Plugin Preview
About this plugin
- Coponent Presets streamlines working with design systems by letting you capture component instances exactly as they appear in your selection — including variant properties, text/boolean component properties, and instance swaps — then reinsert or swap them reliably across files.
- Assign your most-used instances to pad slots, view them in a responsive grid or list, and insert into the current viewport or selected frame.
- When available, a protected cached copy is stored and used for swapping, ensuring the component behind your instance is the specific one you captured, not a generic fallback.
- Properties are reapplied on insertion or swap (variants, text/boolean, and instance swaps), and data persists across files via client storage. You can rename, clear, or reset commands, and see usage ranking to track the most helpful entries.
Plugin Details
| Version | 1 |
|---|---|
| Created | November 30, 2025 |
| Last Updated | December 28, 2025 |
| Category | Import & export plugins |
| Creator | Juan Javier |
| Stats | 1 installs, 0 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