Design System Agency for SaaS and AI Products
Studio Huncho is a creative studio in Bangalore that builds design systems for SaaS and AI products. Tokens, components and documentation live in Figma and are handed over ready for engineering, so your product, website and marketing stay consistent as the team grows. Recent systems include the Rippl app and the Breakout command bar.

What goes into a design system
Built from your brand and your real screens, not a generic kit, and handed over so your team can extend it without us.
1. Audit and tokens
An inventory of what exists today, then colour, type, spacing, radius and elevation as Figma variables, with light and dark modes where needed.
2. Components and every state
Buttons, inputs, tables, modals and navigation with variants, plus empty, loading, error, success and permission states.
3. Patterns
Onboarding, settings, search, filters and AI chat or command bar flows, assembled from the parts.
4. Documentation and code-ready handoff
Usage notes for each component, and token names and specs that map cleanly to your front-end.
5. Marketing kit
Website sections that share the same tokens, ready for a Webflow or Framer build.
Experiences in the Rippl app, shopper and creator, designed from wireframes to dev handoff.
Growth in daily active users at Dcluttr, which its co-founder credits in part to our brand, website and product work.
Projects across 16 countries, for clients from seed to IPO.
Our Process
Audit

We go through your product screen by screen with design and engineering, and agree what the system must cover first.
Foundations

Tokens for colour, type, spacing and elevation, tested on a few of your busiest screens.
Components

Core components with variants and states, then the patterns built from them, reviewed with your engineers as we go.
Handover

Documentation, a published Figma library and walkthroughs, so your team can extend the system without us.
How the process usually goes

Why teams choose us for their system
Built from your brand
Tokens and components come from your identity and your real screens, not a kit you then fight with.
Every state designed
Loading, empty, error and permission states documented, as we did for every state of the Breakout command bar.
Ready for engineers
Token names and specs that map straight into code, with walkthroughs for the people who build it.
Product and site together
One set of tokens for both. If the brand needs work first, start with brand identity design.
Trusted by the brands building what's next.
Hear it from the founders and operators who’ve launched, rebranded, and scaled with us.
.webp)

.png)
.webp)


%201.webp)
.webp)




.png)
.png)
.png)
.png)
