Product Designer building tools that make design workflows seamless.

github

productHunt

gumroad

devto

dribbble

projects

Sugeng Priyanto  • Peerlist

Generate tokens, variables, components, and developer-ready export directly inside Figma. Skip repetitive setup and start designing faster.<h3>Problems:</h3>Every new project starts the same way:<ul><li>Creating color variables</li><li>Typography scales</li><li>Spacing tokens</li><li>Radius values</li><li>Shadows</li><li>Buttons</li><li>Forms</li><li>Navigation</li><li>Component variants</li></ul>This setup work can take hours or even days.<h3>Solution:</h3>Coreframe automates the process directly inside Figma.Generate:<ul><li>Design tokens</li><li>Semantic variables</li><li>Single components</li><li>Complete component systems</li><li>Developer exports</li></ul>without building everything manually.<h3>Best For</h3><ul><li>Freelance Designers</li><li>Product Designers</li><li>Design Agencies</li><li>Startups</li><li>Design Engineers</li><li>Frontend Teams</li></ul><h3>Current Features</h3><ul><li>Foundation Generator</li><li>Colors</li><li>Typography</li><li>Spacing</li><li>Radius</li><li>Shadows</li><li>Grid</li><li>Single Component Generator</li><li>Fast generation of individual components</li><li>Component System Generator</li><li>Complete component systems</li><li>Variants</li><li>States</li><li>Sizes</li><li>Developer Export (Beta)</li><li>CSS</li><li>JSON</li><li>Tokens</li></ul>