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

Figma plugin to reference styles

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.

Сборка иконочного шрифта из библиотеки 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

Sympli Handoff Sketch Plugin 🔸

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

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

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!

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.

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

Automatically match and apply Shared Styles to Sketch layers based on font properties to streamline design consistency and save time.