Bunny.net

bunny.net

bunny.net brings together CDN, security, and compute into a single lightning-fast platform, designed to give you the edge. Literally.

CLIENT

bunny.net

YEAR

2022 - present

ROLE

Lead Product Designer

TOOLS

Figma, Figma MCP, Tokens Studio, Figma Variables, Airtable, GitHub, Vercel, Cursor, Claude Code, Playwright

My role

Lead Product Designer at bunny.net, managing one designer and shaping the platform used by thousands of daily users. Beyond designing, I'm embedded in the product team: contributing ideas, defining how features work, and collaborating with developers and PMs to set product direction. I design everything users touch: dashboard, documentation, billing, onboarding. My focus is making complex CDN infrastructure feel simple, whether users are technical or not.

Workflow Improvements

Searchable Illustration Library

Turned 1000+ scattered Figma illustrations into a searchable, self-service tool for the team. Used OpenAPI Vision API -> bunny.net -> Supabase -> Cursor -> Vercel

Token System

Built Tokens Studio + GitHub Actions pipeline, cutting design-to-dev handoff by at least 40%

AI-assisted handoff

Built AI-assisted handoff workflow using Figma MCP. Generate interactive prototypes with full specs that developers and stakeholders can review, comment on, and iterate before code.

AI components

AI Dashboard Audit with Playwright

Gave AI access to the live product. It explored every flow, screenshotted every state, flagged inconsistencies. Weeks of manual auditing, done automatically.

Searchable Illustration Library

Turned 1000+ scattered Figma illustrations into a searchable, self-service tool for the team. Used OpenAPI Vision API -> bunny.net -> Supabase -> Cursor -> Vercel

Token System

Built Tokens Studio + GitHub Actions pipeline, cutting design-to-dev handoff by at least 40%

AI-assisted handoff

Built AI-assisted handoff workflow using Figma MCP. Generate interactive prototypes with full specs that developers and stakeholders can review, comment on, and iterate before code.

AI components

AI Dashboard Audit with Playwright

Gave AI access to the live product. It explored every flow, screenshotted every state, flagged inconsistencies. Weeks of manual auditing, done automatically.

Searchable Illustration Library

Turned 1000+ scattered Figma illustrations into a searchable, self-service tool for the team. Used OpenAPI Vision API -> bunny.net -> Supabase -> Cursor -> Vercel

Token System

Built Tokens Studio + GitHub Actions pipeline, cutting design-to-dev handoff by at least 40%

AI-assisted handoff

Built AI-assisted handoff workflow using Figma MCP. Generate interactive prototypes with full specs that developers and stakeholders can review, comment on, and iterate before code.

AI components

AI Dashboard Audit with Playwright

Gave AI access to the live product. It explored every flow, screenshotted every state, flagged inconsistencies. Weeks of manual auditing, done automatically.

Context

Delivered end-to-end UX and UI for the dashboard

Phase 1: I completely transformed the existing functional dashboard. Starting with user flows and wireframes, I redesigned how people navigate and complete tasks, then created all new visual designs. This wasn't just a visual update - I rethought how everything works to make complex CDN management feel simple and intuitive. Every screen was redesigned from scratch while keeping the platform functional during the transition.

UI Kit and design tokens

Phase 2: After the dashboard redesign was complete, I shifted focus to building for scale. I created a comprehensive UI kit with all our design elements and established a design token strategy. This system defines colors, fonts, spacing, and other design decisions as reusable values, making it easy to maintain consistency and enable features like custom theming for enterprise customers.

Design tokens

I set up an automated system that takes design updates from Figma and puts them directly into the code on GitHub. When I change a color or spacing in the design file, it automatically updates the file on GitHub repo. This saves a significant amount of time and prevents mistakes that occur when developers have to manually copy design specifications.

Design system inventory (Airtable)

I created a database in Airtable that tracks every design component we have - what it's for, how to use it, and what version we're on. It's like a catalog that anyone on the team can search through to find what they need or check how something should work. This keeps everyone on the same page.

Challenges

When I joined, bunny.net had a functional dashboard with no consistent design language. The UX was hard to navigate and the UI lacked clarity for complex CDN features. The first challenge was to transform the dashboard into a polished, intuitive product. Once the foundation was stable, the second challenge was to scale design consistency across the platform with a design system and tokenized foundations.

Making complex CDN tools feel simple Transform powerful infrastructure tools into an intuitive interface without sacrificing advanced functionality.

Growing without creating chaos Add new products and features while maintaining clear navigation and logical information architecture.

Designing for solo devs and enterprise teams Balance simplicity for individuals with robust controls for teams - one interface that adapts to different needs.

Building a scalable design system Create a token-based system that supports multiple themes, enterprise customization, and rapid product development.