Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.

Design Token Automations

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Figma plugin to reference styles

Сборка иконочного шрифта из библиотеки Sketch

Claude Code plugin for Pencil (.pen) design-quality: analyze, design, audit, and transpile to code against a universal 4px-grid scale — framework-agnostic.

Visual design diffs in GitHub PRs. Before/after screenshots for every .pen design change. Free, open-source GitHub Action.

CivicActions' Design, Content, and Research Practice Area

basic directory structure, dependencies and example tasks for gulp.js projects

Sympli Handoff Sketch Plugin 🔸

Plugin for Figma that simplifies content collaboration. Export/import string variables to and from any spreadsheet tool!

Control plane for UI systems — deterministic sync between code and design.

Marq Figma Plugin simplifies organization in Figma by allowing you to effortlessly add descriptive tags, emojis, and colors to your selections. Streamline your design workflow and keep your projects well-organized with this intuitive and user-friendly Figma plugin.

Figma API Data Extractor - Backup & analyze your Figma teams, projects & files. Beginner-friendly Python tool for extracting complete Figma organization data to JSON. No coding required!

Sketch plugin that finds and automatically applies existing styles to missing ones.

10 open-source repos for how brands, products, and design will work in the agentic era. Experimental. DYOR

Design system ROI calculator for stakeholder-ready business cases