Deliver 10x faster with a real-world tested mobile kit for Figma
Everything you need to design faster: a plugin to change colors in under a minute, real-world tested components, tokens for light & dark mode, ready-to-use templates, and clear documentation.
Trusted already by 1.3k+
Trusted already by 1.3k+
Trusted already by 1.3k+
Productivity Features
Productivity Features
Productivity Features
Designed to move fast without breaking the system
Built for mobile-first products
Designed around real mobile app patterns. Layouts, spacing, and components are optimized for production, not static demos.
Built for mobile-first products
Designed around real mobile app patterns. Layouts, spacing, and components are optimized for production, not static demos.
Built for mobile-first products
Designed around real mobile app patterns. Layouts, spacing, and components are optimized for production, not static demos.
CORE Theme Builder
Define your primary and secondary colors once. The plugin generates shades and updates the entire system automatically.
CORE Theme Builder
Define your primary and secondary colors once. The plugin generates shades and updates the entire system automatically.
CORE Theme Builder
Define your primary and secondary colors once. The plugin generates shades and updates the entire system automatically.
Figma variables and Auto Layout
Components are built with Figma variables and Auto Layout to stay flexible, predictable, and scalable.
Figma variables and Auto Layout
Components are built with Figma variables and Auto Layout to stay flexible, predictable, and scalable.
Figma variables and Auto Layout
Components are built with Figma variables and Auto Layout to stay flexible, predictable, and scalable.
Light and dark themes
Native support for light and dark modes with consistent contrast and structured color logic.
Light and dark themes
Native support for light and dark modes with consistent contrast and structured color logic.
Light and dark themes
Native support for light and dark modes with consistent contrast and structured color logic.
Lightweight by design
No bloated variants or unnecessary abstractions. Only what’s needed to move fast without breaking the system.
Lightweight by design
No bloated variants or unnecessary abstractions. Only what’s needed to move fast without breaking the system.
Lightweight by design
No bloated variants or unnecessary abstractions. Only what’s needed to move fast without breaking the system.
Clear onboarding and support
Short walkthroughs help teams understand the system quickly and apply it to real projects.
Clear onboarding and support
Short walkthroughs help teams understand the system quickly and apply it to real projects.
Clear onboarding and support
Short walkthroughs help teams understand the system quickly and apply it to real projects.
Step-by-step process
Step-by-step process
Step-by-step process
Simple workflow, designed to scale
Start with a clean system, customize themes in minutes, and scale designs without losing consistency.
Step 1. Download the file
Open CORE in Figma and begin with a clean, mobile-ready design system.
Open CORE in Figma and begin with a clean, mobile-ready design system.
Step 2. Customize styles
Adjust theme using Figma variables and the CORE Theme Builder plugin.
Adjust theme using Figma variables and the CORE Theme Builder plugin.
Step 3. Scale designs
Design screens and flows with components that remain consistent.
Design screens and flows with components that remain consistent.
Other Products
Other Products
Other Products
A growing ecosystem extending CORE beyond components.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M 8 40 C 3.582 40 0 36.418 0 32 L 0 8 C 0 3.582 3.582 0 8 0 L 32 0 C 36.418 0 40 3.582 40 8 L 40 32 C 40 36.418 36.418 40 32 40 Z" fill="rgb(24, 24, 24)" height="40px" id="QNBQfAc57" transform="translate(8 8)" width="40px"/><path d="M 0 1 C 0 0.448 0.448 0 1 0 L 6 0 L 6 6 L 0 6 Z" fill="rgb(250, 250, 250)" height="6px" id="cXufSeHLL" transform="translate(22 16)" width="6px"/><path d="M 0 0 L 5 0 C 5.552 0 6 0.448 6 1 L 6 6 L 0 6 Z" fill="rgb(250, 250, 250)" height="6px" id="xDC4_BjZ6" transform="translate(28 16)" width="6px"/><path d="M 0 0 L 5 0 C 5.552 0 6 0.448 6 1 L 6 5 C 6 5.552 5.552 6 5 6 L 1 6 C 0.448 6 0 5.552 0 5 Z" fill="rgb(250, 250, 250)" height="6px" id="A4n91flY5" transform="translate(34 22)" width="6px"/><path d="M 0 1 C 0 0.448 0.448 0 1 0 L 6 0 L 6 6 L 0 6 Z" fill="rgb(250, 250, 250)" height="6px" id="hnMcCkI8K" transform="translate(16 22)" width="6px"/><path d="M 0 0 L 6 0 L 6 6 L 1 6 C 0.448 6 0 5.552 0 5 Z" fill="rgb(250, 250, 250)" height="6px" id="USZHclftH" transform="translate(16 28)" width="6px"/><path d="M 0 0 L 6 0 L 6 6 L 1 6 C 0.448 6 0 5.552 0 5 Z" fill="rgb(250, 250, 250)" height="6px" id="cDaQDFTh5" transform="translate(22 34)" width="6px"/><path d="M 0 0 L 5 0 C 5.552 0 6 0.448 6 1 L 6 5 C 6 5.552 5.552 6 5 6 L 0 6 Z" fill="rgb(250, 250, 250)" height="6px" id="cxqkqT9lX" transform="translate(28 34)" width="6px"/><path d="M 1.496 1.496 L 0 1.496 L 0 0 C 0.118 0.772 0.724 1.378 1.496 1.496 Z" fill="rgb(250, 250, 250)" height="1.4959999999999987px" id="IFHwNZ7Yg" transform="translate(34 20.504)" width="1.4960999999999984px"/><path d="M 0 0 L 1.496 0 L 1.496 1.496 C 1.378 0.724 0.772 0.118 0 0 Z" fill="rgb(250, 250, 250)" height="1.4960999999999984px" id="oeBW5E6VV" transform="translate(32.504 22)" width="1.495900000000006px"/><path d="M 0 1.496 L 0 0 L 1.496 0 C 0.724 0.118 0.118 0.724 0 1.496 Z" fill="rgb(250, 250, 250)" height="1.4959999999999987px" id="YJex7MqSI" transform="translate(22 22)" width="1.495899999999999px"/><path d="M 1.496 0 L 1.496 1.496 L 0 1.496 C 0.772 1.378 1.378 0.772 1.496 0 Z" fill="rgb(250, 250, 250)" height="1.4959999999999987px" id="mnUKN5izZ" transform="translate(20.504 20.504)" width="1.4960999999999984px"/><path d="M 1.496 1.496 L 0 1.496 L 0 0 C 0.118 0.772 0.724 1.378 1.496 1.496 Z" fill="rgb(250, 250, 250)" height="1.4960000000000022px" id="K7f0okiIO" transform="translate(22 32.504)" width="1.4959999999999987px"/><path d="M 0 0 L 1.496 0 L 1.496 1.496 C 1.378 0.724 0.772 0.118 0 0 Z" fill="rgb(250, 250, 250)" height="1.4960000000000022px" id="Of4c1xz3s" transform="translate(20.504 34)" width="1.4959999999999987px"/></svg>)
CORE Theme Builder
A Figma plugin that lets you define colors once, generate structured shades automatically, and apply themes consistently across the entire system.
CORE Theme Builder
A Figma plugin that lets you define colors once, generate structured shades automatically, and apply themes consistently across the entire system.
CORE Theme Builder
A Figma plugin that lets you define colors once, generate structured shades automatically, and apply themes consistently across the entire system.
CORE Icons
A curated icon set designed to match CORE’s visual language, with consistent sizing, strokes, and alignment across all components.
CORE Icons
A curated icon set designed to match CORE’s visual language, with consistent sizing, strokes, and alignment across all components.
CORE Icons
A curated icon set designed to match CORE’s visual language, with consistent sizing, strokes, and alignment across all components.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><g opacity="0.9"><path d="M 15.056 9.407 L 0 0 L 0 6.477 L 10.044 12.752 L 15.168 9.529 C 15.142 9.48 15.104 9.437 15.056 9.407 Z" fill="rgb(84, 175, 146)" height="12.75209px" id="BE4u_BvSj" transform="translate(32.755 6.146)" width="15.167699999999996px"/></g><g opacity="0.9"><path d="M 15.216 6.494 L 15.216 0 L 0.106 9.532 C 0.061 9.561 0.025 9.599 0 9.644 L 5.132 12.856 L 15.216 6.495 Z" fill="rgb(84, 175, 146)" height="12.85589px" id="UZGdHBKhq" transform="translate(8.04 6.146)" width="15.216050000000001px"/></g><g opacity="0.8"><path d="M 6.865 5.735 L 6.865 0 L 0.112 4.26 C 0.063 4.291 0.025 4.334 0 4.384 L 4.533 7.206 L 6.865 5.735 Z" fill="rgb(84, 175, 146)" height="7.2059999999999995px" id="dkwIVSu1K" transform="translate(16.39 16.624)" width="6.865499999999997px"/></g><g opacity="0.8"><path d="M 6.722 4.2 L 0 0 L 0 5.72 L 2.313 7.165 L 6.829 4.313 C 6.804 4.268 6.767 4.228 6.722 4.2 Z" fill="rgb(84, 175, 146)" height="7.164899999999999px" id="oH3F6Fy6E" transform="translate(32.755 16.624)" width="6.8292px"/></g><g d="M 2.276 0 L 0 1.338 L 0 22.765 L 2.276 24.102 L 2.276 12.051 L 2.276 6.026 Z M 4.552 22.765 L 4.552 1.338 L 2.276 0 L 2.276 6.026 L 2.276 12.051 L 2.276 24.102 Z" fill="transparent" height="24.1024px" id="xywy3kemm" transform="translate(25.731 3)" width="4.552099887084964px"><path d="M 2.276 0 L 0 1.338 L 0 22.765 L 2.276 24.102 L 2.276 12.051 L 2.276 6.026 Z" fill="rgb(84, 175, 146)" height="24.1024px" id="YHxDweVUG" width="2.2759px"/><path d="M 2.276 22.765 L 2.276 1.338 L 0 0 L 0 6.026 L 0 12.051 L 0 24.102 Z" fill="rgb(84, 175, 146)" height="24.1024px" id="VqDw48zR7" transform="translate(2.276 0)" width="2.276200000000003px"/></g><g opacity="0.4"><path d="M 15.056 3.345 L 0 12.752 L 0 6.275 L 10.044 0 L 15.168 3.223 C 15.143 3.273 15.104 3.315 15.056 3.345 Z" fill="rgb(84, 175, 146)" height="12.752100000000006px" id="eILFyeIPY" transform="translate(32.771 37.603)" width="15.167700000000004px"/></g><g opacity="0.6"><path d="M 5.185 12.526 L 5.158 0.142 C 5.158 0.092 5.146 0.043 5.124 0 L 0 3.223 L 0.02 12.626 L 0.033 12.626 L 0.013 21.929 L 5.138 25.152 C 5.16 25.108 5.172 25.06 5.172 25.01 L 5.199 12.526 L 5.185 12.526 Z" fill="rgb(84, 175, 146)" height="25.151900000000005px" id="XBsoO8yF_" transform="translate(42.801 15.675)" width="5.198700000000002px"/></g><g opacity="0.6"><path d="M 5.191 12.412 L 5.172 3.212 L 0.04 0 C 0.014 0.046 0 0.099 0 0.153 L 0.026 12.511 L 0.04 12.511 L 0.013 24.769 C 0.013 24.823 0.027 24.876 0.053 24.922 L 5.185 21.71 L 5.205 12.411 L 5.191 12.411 Z" fill="rgb(84, 175, 146)" height="24.922000000000004px" id="Uf6ImvV5C" transform="translate(8 15.789)" width="5.204795683697478px"/></g><g opacity="0.4"><path d="M 15.216 6.361 L 15.216 12.856 L 0.106 3.324 C 0.061 3.295 0.025 3.257 0 3.212 L 5.132 0 Z" fill="rgb(84, 175, 146)" height="12.855899999999998px" id="sXZhc5VnV" transform="translate(8.052 37.5)" width="15.21568px"/></g><g opacity="0.6"><path d="M 4.577 7.193 L 4.567 2.822 L 0.034 0 C 0.012 0.044 0 0.092 0 0.142 L 0.015 7.292 L 0.029 7.292 L 0.013 14.343 C 0.013 14.393 0.025 14.442 0.047 14.485 L 4.581 11.663 L 4.59 7.193 L 4.577 7.193 Z" fill="rgb(84, 175, 146)" height="14.485199999999999px" id="VRvlZBTYO" transform="translate(16.357 21.008)" width="4.59px"/></g><g opacity="0.5"><path d="M 6.865 1.471 L 6.865 7.206 L 0.112 2.946 C 0.063 2.915 0.025 2.872 0 2.822 L 4.533 0 L 6.865 1.471 Z" fill="rgb(84, 175, 146)" height="7.205999999999996px" id="FSRDnd877" transform="translate(16.402 32.672)" width="6.865499999999997px"/></g><g opacity="0.5"><path d="M 6.722 2.965 L 0 7.165 L 0 1.445 L 2.313 0 L 6.829 2.852 C 6.804 2.897 6.767 2.936 6.722 2.965 Z" fill="rgb(84, 175, 146)" height="7.164899999999996px" id="yhmTX7O_n" transform="translate(32.771 32.712)" width="6.8292px"/></g><g opacity="0.6"><path d="M 4.571 7.264 L 4.555 0.151 C 4.555 0.097 4.541 0.045 4.516 0 L 0 2.852 L 0.01 7.363 L 0.023 7.363 L 0.013 11.775 L 4.529 14.627 C 4.555 14.581 4.569 14.529 4.569 14.475 L 4.584 7.263 L 4.571 7.263 Z" fill="rgb(84, 175, 146)" height="14.6268px" id="CMSHXE9Tq" transform="translate(35.07 20.938)" width="4.584099999999999px"/></g><g d="M 4.552 1.338 L 2.276 0 L 2.276 24.103 L 4.552 22.765 Z M 0 22.765 L 2.276 24.103 L 2.276 0 L 0 1.339 Z" fill="transparent" height="24.1028px" id="iXvpJI5Nr" transform="translate(25.743 29.399)" width="4.5519999866485605px"><path d="M 2.276 1.338 L 0 0 L 0 24.103 L 2.276 22.765 Z" fill="rgb(84, 175, 146)" height="24.1028px" id="dmbFEkVPC" transform="translate(2.276 0)" width="2.275500000000001px"/><path d="M 0 22.765 L 2.276 24.103 L 2.276 0 L 0 1.339 Z" fill="rgb(84, 175, 146)" height="24.1028px" id="oN7y5zGJD" width="2.2764999999999986px"/></g></svg>)
Coin IQ
A production-ready Figma UI kit for crypto trading and analytics platforms. Built with tokens, Light and Dark themes, and scalable components for real-world products.
Coin IQ
A production-ready Figma UI kit for crypto trading and analytics platforms. Built with tokens, Light and Dark themes, and scalable components for real-world products.
Coin IQ
A production-ready Figma UI kit for crypto trading and analytics platforms. Built with tokens, Light and Dark themes, and scalable components for real-world products.
FAQ
FAQ
FAQ
Frequently asked questions
Quick answers to common questions about CORE, its features, and availability.
What is CORE?
What is CORE?
What is CORE?
Is CORE for mobile or web?
Is CORE for mobile or web?
Is CORE for mobile or web?
Does CORE include a plugin?
Does CORE include a plugin?
Does CORE include a plugin?
Can CORE be customized for my product?
Can CORE be customized for my product?
Can CORE be customized for my product?
Will CORE evolve over time?
Will CORE evolve over time?
Will CORE evolve over time?
How much does CORE cost?
How much does CORE cost?
How much does CORE cost?
When will CORE be available?
When will CORE be available?
When will CORE be available?
Get early access to CORE
Join the waitlist to receive launch updates and early access.
Get early access to CORE
Join the waitlist to receive launch updates and early access.
Get early access to CORE
Join the waitlist to receive launch updates and early access.