Plex UI
HomeBlogBridgeDocsComponents
Figma Kit

Plex UI Blog

Notes from the system layer

Practical writing on design systems, component APIs, and the details that keep product UI consistent across Figma and React.

February 18, 2026

Figma Code↔Design Bridge for ANY AI model

How the local Bridge works, why model-agnostic matters, and the exact 2-minute setup for design ↔ code loops.

February 16, 2026

Why 9 Button Sizes, Not 4

Four button sizes are fine for demos. Real products need a broader, unified size scale across controls.

February 16, 2026

Why Your AI Code Editor Needs a Design System

AI code editors ship UI faster, but without a design system they also ship inconsistency. Here is how to keep quality high.

Plex UI

  • Home
  • Components
  • For AI Editors
  • Figma Kit
  • Code↔Design Bridge
  • Blog
  • GitHub

Documentation

  • Overview
  • Foundations
  • Concepts
  • Hooks
  • Transitions
  • Plex UI vs shadcn/ui
  • Plex UI vs Untitled UI

Components

  • Alert
  • Avatar
  • Avatar Group
  • Badge
  • Button
  • Button Link
  • Checkbox
  • Code Block
  • Copy Tooltip
  • Date Picker
  • Date Range Picker

 

  • Empty Message
  • Field
  • Floating Label Input
  • Indicators
  • Input
  • Markdown
  • Menu
  • Popover
  • Progress Steps
  • Radio Group

 

  • Select
  • Select Control
  • Shimmer Text
  • Sidebar
  • Skeleton
  • Slider
  • Switch
  • Tabs
  • Tag Input
  • Text Link
  • Textarea
  • Tooltip
Built by Plex UI. The source code is available on GitHub.
plexuikit@gmail.com