TerraToken

About this plugin

TerraToken turns any photograph into a complete, production-ready design system and themed landing page, right inside Figma.How it works:1. Drop any image (landscape, product shot, mood photo)2. Pick a style personality: Serene, Bold, or Editorial3. Hit Generate. AI extracts colors, mood, and typography from your imageWhat you get:→ 80+ color tokens across 8 palettes (primary, secondary, accent, success, warning, error, info, neutral), each with 10 shades→ Full typography scale with AI-matched Google Font pairings→ 3 button variants (primary, secondary, ghost) with hover/active/disabled states→ Spacing tokens on an 8px grid→ A themed landing page with nav, hero, stats, features, CTA, and footer→ A celebration card summarizing your brand at a glance→ CSS and Tailwind export for developersAll colors pass WCAG AA contrast (4.5:1). All fonts are 12px minimum.Works with Gemini, GPT-4o, or Groq. Bring your own API key.Made with ♥ by Karthika