Tori Bryan

Tori Bryan

Designing: Products + Systems

Medium: Code + Canvas

Overview

Product Designer

About

  • I’m a Product Designer who specializes in design systems and ships the front end I design.
  • Five years building B2B products, component libraries, and the tooling that connects design to production code.
  • Always exploring new tools and ways to create. Currently learning the drums, and studying the history of the golden ratio and its relevance to design today.

fibo

Pronounced FEE-boh

A library of special components and experimental projects that anyone can use.

  • shadcn/ui
  • Base UI
  • React
  • Tailwind CSS
  • Storybook

Components(19)

  • Data table

    Data display

  • Sticker avatar

    Data display

  • Command menu

    Navigation

Projects(8)

  • Design System Overhaul

    587 card variants down to 32, with a token layer underneath so they stay that way.

    Published
    Q4 2025 to Q1 2026
  • Voice memoNew

    A voice recorder drawn in code, as an object you can pick up and turn over.

    Published
    Q4 2026
  • Modern Care HomesNew

    I design the interfaces and ship the front end for both sides of it, the site families search and the platform agents run.

    Published
    2024 to now
  • Agentic Design System

    I started by telling a model how to use our design system. Now I build systems it can't pass without using correctly.

    Published
    Q1 to Q3 2026

Rabbit run

Blog(3)

Stack

Experience(5 yrs)

Tori Bryan Design Services

Location
Phoenix, Arizona
Location type
(Remote)
Employment status
Current
  • Design Systems
  • Design Engineering
  • React
  • Next.js
  • Tailwind CSS
  • Storybook
  • Claude Code
  • Design Systems
  • Product Design
  • Web Design
  • Information Architecture
  • Wireframing
  • Brand Design
  • UX Writing
  • Figma
  • Design Systems
  • Design System Governance
  • Token Architecture
  • DesignOps
  • End-to-end Product Design
  • Data-dense Interfaces
  • Prototyping
  • Usability Testing
  • Accessibility
  • Mentorship
  • Figma
  • Claude Code
  • Azure DevOps
  • Product Design
  • Design Systems
  • Design Strategy
  • Figma
  • Brand Design
  • Visual Design
  • Design Systems
  • UI Design
  • Web Design
  • User Research
  • Figma
  • Graphic Design
  • Print Design
  • Template Systems
  • Adobe Creative Suite
  • Design Systems
  • Product Design
  • Web Design
  • Marketplace UX
  • Figma

Education

  • Digital Communication
  • Multimedia
  • Visual Design
  • Writing

Achievements(3)

Certifications(2)