Skip to main content
← Back to library
Preview of UI-Anatomist
GitHub

Design Tools & Generators · Design tokens

UI-Anatomist

Chrome extension that scans a rendered web UI's observable styles, states and icons, plus a Figma plugin that rebuilds them as editable variables and components.

Why it’s a gem

Turns any live page into real Figma variables and components, no backend or API key.

Visit github.com
Author
Su JiaYi (@SuJiaYi27)
Type
GitHub repository
License
Apache-2.0
Added
Sep 3, 2026
Domain
github.com
figmadesign-tokenschrome-extensiondesign-system
Browse more:Design Tools & GeneratorsDesign tokens#figma#design-tokens#chrome-extension#design-system

More from Design tokens

Preview of Design Tokens Generator

Design Tokens Generator

Generates a complete set of CSS custom property design tokens for colour, type and spacing from a few inputs.

Unknownfree
Preview of dizzy.systems

dizzy.systems

Bootstraps a project's font, colour and spacing scales into a coherent starting system before you write components.

Unknownfree

the Vibing Company®

the Vibing Company®

Est. for tomorrow.

hello@vibing.inc

Navigate

  • Home
  • Services
  • Pricing
  • About
  • Hiring
  • Contact
  • Start a project

Library

  • The Vibing Library
  • New this week
  • Best-of round-ups
  • Creators
  • Submit a project
  • Featured badge
  • Design generators
  • UI components
  • AI skills & MCP
  • Motion & animation
  • Shaders & WebGL
  • Starters to clone

Guides

  • All guides
  • What is vibe coding
  • Lovable vs Cursor
  • Build an MCP server
  • Export Lovable Cloud data
  • iOS Safari white bar fix

Elsewhere

  • Developer docs & API
  • For agents
  • llms.txt
  • OpenAPI
  • MCP manifest
  • X
  • Terms
  • Refunds
  • Privacy
  • Cookies
  • Imprint
© 2026 the Vibing Company®