Back to Plugins
UX/Design Cards Buttons Components — FigBoost

UX/Design Cards Buttons Components — FigBoost

Prebuilt, ready-to-skin buttons and cards — one click, fully auto-layout, no assembly required.

Plugin Preview

UX/Design Cards Buttons Components — FigBoost preview

About this plugin

Stop building the same button and card layouts from scratch every project. This plugin drops real, structured components onto your canvas instantly — buttons with style, shape, and size options, and six genuinely different card patterns (text, icon, photo, testimonial, stat, and pricing), each built from proper auto-layout frames with real text, icons, and placeholders, not just colored rectangles.Everything is unstyled by design — plain shapes, frames, and text so you can recolor, restyle, and rewire auto-layout to match your brand in seconds. Click a component, it lands centered in your viewport, fully editable, ready to skin.Features:Buttons — 3 styles (Primary, Secondary, Ghost) × 3 shapes (Rounded, Pill, Sharp) × 3 sizes (Large, Medium, Small), one click to place6 card components: Text Card (subhead + copy + button), Icon Card, Photo Card (image placeholder + content), Testimonial (quote + avatar), Stat Card (number + label), Pricing Card (plan + feature list + CTA)Every component is a real auto-layout frame with hug/fill sizing set correctly — resize and restyle without breaking the layoutRecently Used — your last 8 placed components as one-click chips100% free, no limits, no watermarksDark, focused UI that gets out of your wayHow It WorksOpen the plugin — no layer selection needed.Open Buttons, pick a style, shape, and size, then click "Add Button."Open Cards and click any of the 6 card types to place it on canvas.Recolor and restyle the placed component to match your brand — everything is plain shapes and text, fully editable.Check "Recently Used" to quickly re-place something you just added.PricingFree, no limits. This plugin is a companion to Quick DesignKit — the paid plugin that generates your entire brand system (color ramps, typography, spacing, responsive frames) so every component you place here stays in sync with your tokens.

Plugin Details

Version1
CreatedSeptember 3, 2026
Last UpdatedSeptember 3, 2026
Categorydata-templates
Creatorfigboost
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none