Sanil

I'm Sanil Modi

Product Designer — Design Systems & Tooling

Specializing in operational design systems, token workflows, and implementation-ready design.

Design-to-code, systemized through tokens

  • Token architecture (ref → sys → comp) for scalable theming
  • Eliminates drift between design and implementation
  • Speeds up handoff and Flutter delivery
TOKEN MIGRATION DESIGN OPS FLUTTER VARIABLE SYSTEMS
View Case Study →

Operational Design Systems

Operational workflows built to standardize validation, governance,
and implementation across scalable design systems.

Migration Workflow
SYSTEM MIGRATION

M3 Migration Workflow

Migrates legacy Material 3 Figma files into structured ref/, sys/, and comp/ token workflows.

M3 Migration Variables Token Structure Flutter
Governance Workflow
DESIGN VALIDATION

Design Governance Workflow

Validates token usage, raw values, and touch target accessibility directly inside Figma.

ACCESSIBILITY Validation Touch Targets Governance

Design System Toolkit

Custom tools built to automate governance, validation, and
design-to-code workflows.

Token Bridge

Exports structured tokens for engineering while preserving system relationships.

View Tool →

M3 Bridge

Restructures legacy Material 3 Figma files into scalable semantic token architectures.

View Tool →

Tap Check

Detects inaccessible tap targets and ensures usability compliance

View Tool →

Token Validator

Identifies raw values and enforces token usage to maintain system consistency

View Tool →

Selected work

Products and systems designed for scale, consistency, and delivery speed.

Scaling fintech workflows through operational design systems

DESIGN SYSTEMS · DESIGN OPS · FIGMA PLUGINS · GOVERNANCE

  • Built and scaled a Flutter-ready multi-theme design system across iOS, Android, and Web products.
  • Created internal Figma plugins for token export, accessibility validation, and migration workflows to improve consistency and reduce manual QA effort.
  • Established scalable token architectures and governance workflows aligned with engineering implementation and developer handoff.
  • Scaled design system adoption across ~30 designers, driving ~30K component insertions monthly.
  • Contributed to high-impact fintech experiences including SIP flows (~10K daily creations, ~100K daily users) and Refer & Earn initiatives (+50% adoption, 45% conversion uplift).
View App →

Scaling onboarding and transactional experiences for a crypto platform

PRODUCT DESIGN · CRYPTO · ONBOARDING · DESIGN SYSTEMS

  • Redesigned onboarding and KYC flows for a crypto trading platform, improving completion rates to ~70% while reducing friction across regulated user journeys.
  • Enhanced discovery and personalization experiences to simplify complex crypto concepts and shorten the learning curve for new users.
  • Designed seamless in-app payment experiences, reducing dependency on external payment gateways and improving transaction continuity.
  • Established foundational design system patterns across typography, color, components, and interaction behaviors to improve consistency and scalability.
View App →

Building scalable goal-based investing workflows for a fintech platform

PRODUCT DESIGN · FINTECH · GOAL INVESTING · DESIGN SYSTEMS · DESIGN-TO-CODE

  • Established the foundational design system for Pluto Money, creating reusable components and scalable UI patterns across the product.
  • Led the migration of the app to the new system, improving consistency and implementation efficiency across core user flows.
  • Built centralized design and development libraries to streamline collaboration between design and engineering teams.
  • Designed the core goal-based investment flow, enabling users to plan investments backward from financial goals and timelines through a reverse SIP-style experience.
  • Simplified complex investing concepts into approachable and trust-driven user experiences focused on long-term financial planning.
View App →