Results for “strangler-fig-pattern”

Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.

Documents PostHog's design system: a warm cream canvas, hand-drawn hedgehog mascots, IBM Plex Sans typography, and a single yellow-orange CTA pill, with detailed color, typography, and component specifications.

Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.

Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.

Design feedback patterns for user actions, including confirmations, status updates, and notifications.

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

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.

Analyze Framer's marketing site design system, including color palette, typography hierarchy, spacing, and component patterns, to produce a structured design specification.

Generates a single-file HTML funnel infographic from 3-6 ordered stages with absolute values, showing conversion rates and drop-off at each step. Output is a static 9:16 vertical image with inline CSS, no JavaScript, no external dependencies.