TerraToken
by Karthika S
Your next design system is hiding in a photograph
Installs
2
Likes
0
Users
9
Views
27
Preview
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