Results for “tokens”

Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.

Generate design tokens, color palettes, typography scales, component systems, and developer handoff documentation for UI design systems.

Defines a design system for ElevenLabs with colors, typography, layout, and component tokens for building brand-consistent interfaces.

Integrates Figma Dev Mode via MCP to extract assets, components, styles, and design tokens, converting designs to code with high fidelity.

Define and organize design tokens for color, spacing, typography, elevation, and motion with naming conventions and usage guidance.

Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.

Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.

Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.

Documents the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.

Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.

Onboards brand tokens and generates a 12-token CSS palette for consistent, WCAG-AA-compliant HTML document styling across markdown conversions.

Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.

Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.

Audit design token usage across a product for consistency and coverage, identifying hard-coded values and gaps.

Documents Ferrari's brand design system including color palette, typography, spacing, and layout tokens for use in marketing materials.

Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.

Creates and manages design tokens with a three-layer architecture (primitive, semantic, component), generates CSS variables and component specifications, and produces brand-compliant slide presentations with Chart.js integration.

Builds and governs design systems with a three-layer token architecture, component specs, and design-to-code handoff, including slide generation.

Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.

Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.

Creates and manages design token systems with three-layer architecture, generates CSS variables, validates token usage, and produces brand-compliant slide presentations with Chart.js and contextual decision logic.

Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.

Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.

Documents the design system of BMW's corporate website, including color palette, typography, spacing, and layout tokens for UI implementation.

Documents Meta's design system for commerce surfaces, including color tokens, typography hierarchy, spacing, and responsive patterns for hardware merchandising.

Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.

Analyzes and documents Wise's design language, including color palette, typography, spacing, and layout tokens for use in design systems.

Analyzes and documents the Cal.com design system, including color tokens, typography hierarchy, spacing, and component patterns for use in design implementations.

Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.

Imports a design system into the active project, validates UI components against design tokens, fixes token drift, and round-trips edits back to Claude Design.