Account updated
New payment information is now available.
Now scheduling for June 2026
Design systems
planned, built, AI‑ready
Work faster, build beautiful UIs, and prevent tech debt with custom Figma libraries, design tokens, and React components.
Directory
Select directory to view.
Directory
Message
src
Updated
build
Typo
docs
New color
.editor
Feature
files
Remove
Stocks
Get real-time data.
ACME
Acme Inc
152.45
-1.25
FUNH
Funhouse Inc
253.45
2.33
IPLP
Important People Inc
325.45
0.45
JPJP
Jones, LLC
325.45
0.45
FOOB
Foobar Inc
347.96
-0.45
Views
Select one to add.
Form
Gallery
Calendar
Kanban
Grid
Timeline
Impressions
Monitor your activity.
+4923+172% from last month
Actions
Select an item to deploy.
-
App
Launch new
-
Database
Create a database
-
Helm
Deploy a chart
-
Terraform
Deploy a module
-
Manifest
Deploy to Kubernetes
Contents
Design system elements.
-
Manage Users
Edit permissions or delete a user.
Carmen Acevedo
Staff Designer
Findlay Barber
QA Wizard
Jak Sherman
Content Hero
Amelia Gordon
Product Manager
8
March 2026
SunMonTueWedThuFriSat123456789101112131415161718192021222324252627282930311234File upload
Adding file to your account.
Customer Support
Let's see if we can help.
How can I help you today?
Sorry to hear that. Let's see what I can do to help.
At the MOMA
London-born artist Andy Burgess presents his latest works of modernist and mid-century architecture.
Create account
Enter your email info below.
Email
Password
Repeat password
I agree to your impenetrable, ever-changing Terms of Service.
Hell yeah, send your newsletter.
Tags
Add or select a tag to filter.
dupe invalid question help enhance bugControls
Select an action to perform.
Command line
ssh https://125.236.56.123
Deploy to AWS using CLI
Open in AWS console
Sync with cloud provider
Download configuration
Views
Select one to add.
Form
Gallery
Calendar
Kanban
Grid
Timeline
Let's connect
Would you like to approve the incoming request? You can always change your mind later if you want.
Share this document
Anyone with the link can view.
https://genoni.studio/link
@jak
Sherman
@carmen
Sandiego
@findlay
Findlay
Process
Building design systems fast,
so you can build faster
I establish and extend design systems with component design and development, design tokens, AI workflows, documentation, and consulting.
Ready for AI
The future of product development is tight integration with AI agents. Well-structured components with essential metadata unlocks rapid experimentation, iteration, and vibes.
Design tokens
The cornerstone of your system is the interconnected collection of design decisions that drive color, typography, and sizing for Figma, React, and apps.
-
Dark mode
-
Tokens Studio
-
Style Dictionary
React
Code is 1:1 with Figma. A ”shared language” means developers can build without having to bug designers, create new components, or write pesky CSS.
-
TypeScript
-
Next.js
-
CSS Modules
Figma
Powered by design tokens, the published Figma library are the Lego blocks your designers will use to build product with speed and consistency.
-
Variables
-
Component properties
-
Nested variants
Storybook
Using the industry standard for web component documentation, your developers will have a clear view of the system's properties and variants.
-
Variant controls
-
Visual tests
-
Accessibility
Documentation
Guidelines and usage rules in Figma, Storybook, and React examples will help your team understand how to use the new components and patterns.
-
Do's and don'ts
-
Token usage
-
Guidelines
Tooling
Figma plugins and custom scripting to handle token conversion, icon distribution, and any number of other tasks that are good candidates for automation.
-
Figma plugins
-
Icon distribution
-
Version control
Clients
Partnering with young startups
and well-known unicorns
I've been privileged to work with many notable tech companies, including long-established businesses and newly-funded startups.
Identified focus areas for the design system, lead the development of the semantic token strategy with Tokens Studio and Style Dictionary, and created a custom Figma plugin to populate their icon system.
The implementation quality of Tom's component work is second to none. His extensive design systems experience was critical for informing our theming strategy.
Jules Forrest
Director Of Product Design
Credit Karma, Medium
Tom's level of engineering and design output is exceptional and I couldn't be happier with the result. He changed the way we build our products for the better.
Juhana Kangaspunta
CTO & Co-Founder
Flagship, Shopify
Tom was instrumental in steering our client into the right design system choices. He is the real deal and perfect for a company looking to hit the ground running.
Jon Delman
Executive Creative Director
Ueno, Twitter
Improved designer productivity by identifying opportunities and best practices for the design system and built Figma plugins to address designer workflow gaps.
Tom was a big help to the Instacart team. He improved designer efficiency, uncovered opportunities for us, and built Figma plugins to speed up workflows.
Eduardo Alarcon
Design System Manager
Instacart
Tom quickly understood our needs and methodically built Poe's design system. We highly recommend him for his expertise and commitment to delivering quality work.
Jason Chan
Head of Design
Quora, Poe
Tom's robust design systems experience was invaluable in supporting our brand across many themes and platforms. He was self-directed, broke his work down into clear pieces, and delivered in our fast-changing environment. Would absolutely work with Tom again.
Mikaila Weaver
Design Systems Lead
Eventbrite
Extended the Marmalade Design System with balanced color palettes and design token strategies to support multi-mode, multi-brand user interfaces.
Tom founded the Thumbprint design system, and thanks to his technical expertise and team collaboration, it is an essential tool at Thumbtack.
Tim Carter
Senior Director Of Engineering
Thumbtack
Tom formalized our design system and delivered a library of high-quality React components. His work enabled dark mode very quickly, and established a great foundation.
Pablo Garces
Founding Product Designer
Consensus AI, Quora
Created a custom web application using live components and CSS variables to implement and stress-test their new multi-mode, multi-brand token strategy.
Tom did superb work for us at Tecton. He quickly delivered high-quality components and enabled our engineers to rapidly build and scale our React application.
Jeremy Hermann
Co-Founder
Delphina, Tecton
About
A designer and developer
helping product teams ship
Hello, I’m Tom Genoni.
I’ve been working with tech startups on design and development teams for nearly two decades, continually exploring why good design so often results in bad user interfaces.
As design systems became its own discipline I found it was a perfect fit for my skills and interests. In early 2021 I established Genoni Studio in San Francisco to work independently.
In my spare time I’m a reasonably good tennis player, occasional photographer, and full-time petter of cats.
Let's work together
I’d love to know if I can help with your project.
Send me a few details and we’ll talk.
©2026 Genoni, LLC
·
San Francisco, California