WHO WE ARE
We're Spiffy, a two-person design studio, working on real products since 2019. We're small on purpose, so you work directly with the people doing the design, not a chain of handoffs. We design products and the systems underneath them, the kind that hand off cleanly to engineering and hold up at scale.
WHAT WE DO
The work, end to end
Design systems
Built on our own foundation and built to last. Shaped to your product, documented, and ready for engineering to pick up.
Product design
From early direction and research through high-fidelity execution. One team through the whole arc.
AI in the workflow
We build with AI across design and delivery. The speed shows up in timelines, and the craft still ships.
SELECTED WORK
A few things we've made
CCD Design System
Every token, style, and component for three apps, held in one file.
Design SystemTokensDocumentation
Concordium Wallet Suite
Multi-platform wallet suite for a privacy-first blockchain, spanning mobile and browser.
Product DesignBlockchainMobile & Web
Playground
A fully illustrated, gamified learning world for the youngest grades.
Product DesignEdTechGamification
More stuff on Dribbble
Shots, explorations, and work in progress.
“We came to Spiffy with a business idea and nothing else. We ended up with a design system of our own and a viable product our engineers could build.”
Ivan VulovićFounder, ClassiPlan
01/03
OUR SYSTEM
We don't start from zero
We built and optimized our own design system template, and documented it. Projects that need a foundation start from working structure on day one.
Full Token CoverageA scalable, usable set of primitives and semantic tokens, ready to go. Change a decision once and it carries through every component, screen, and flow.
Token Export PluginAn In-house Figma tool for consistent and seamless token export. Engineering reads the same values design uses, with no manual translation step.
System HandbookWritten documentation for naming, structure, and when to add something new. Your team can extend the system without guessing what we intended.
AI HandoffA context file that gives AI coding tools the system's rules, token names, and component structure. Generated code reaches for your tokens instead of inventing values.
HOW WE WORK
However you plug us in
01 EXISTING PRODUCT
Your product expanded
A system is already in place. We work inside it, matching your conventions, and hand off clean.
02 DESIGN SYSTEM
The system on its own
You have the product, you need the foundation. We build the system, and hand it over ready to go.
03 NEW PRODUCT
Systemized product
We take it from first call to engineering-ready files, and build the design system underneath it as we go.
GOT SOMETHING IN MIND?