All work

PUBLIC PRODUCT SYSTEM · TABLEAU

Figma to Tableau Design System

From a three-hour modular dashboard experiment to a reusable library of analytics blocks—designed in Figma, proved in Tableau.

Figma
Components
Constraints
Snap & align
Tableau
Resolved
Composition02 / 04
Total Revenue
$98,190+12.4%
Active Users
234,897+12.4%
Conversion
34.1%+12.4%
Revenue over time
Revenue by segment
Depth 2 of 4: Composition. Dashboard assembled.

01 · PROTOTYPE

First, make Tableau feel like software.

A constrained three-hour sandbox tested whether parameters, containers, and modular navigation could behave like an app—not a report.

Dashboards. But Make It UI

Sidebar states, table actions, filters, and parameter controls established the interaction grammar.

PUBLIC PROTOTYPE · 2025

Dashboards. But Make It UI

Sidebar states, table actions, filters, and parameter controls established the interaction grammar.

PUBLIC PROTOTYPE · 2025

View live prototype

Read the build note

FIGMA → TABLEAU · SYSTEM WALKTHROUGH

Native controls · poster first · clip and transcript queued

FIGMA → TABLEAU · SYSTEM WALKTHROUGH

Native controls · poster first · clip and transcript queued

FIGMA → TABLEAU · SYSTEM WALKTHROUGH

Native controls · poster first · clip and transcript queued

02 · SYSTEM

Then, turn the experiment into reusable parts.

The strongest behaviors became named, browsable blocks that designers can compose before implementation.

A browsable block library

Area, bar, composition, tooltip, donut, KPI, line, spark, and table patterns create a shared vocabulary for dashboard work.

LAUNCHPAD UX · SPACE BLOCKS

A browsable block library

Area, bar, composition, tooltip, donut, KPI, line, spark, and table patterns create a shared vocabulary for dashboard work.

LAUNCHPAD UX · SPACE BLOCKS

Explore the live block library

03 · PUBLIC PROOF

The system exists in public, not just in Figma.

Two live Tableau workbooks and a documented build trail make the design logic inspectable.

PUBLIC PROTOTYPES

2

A modular interface prototype and a reusable block library are live on Tableau Public.

PUBLIC PROTOTYPES

2

A modular interface prototype and a reusable block library are live on Tableau Public.

PATTERN FAMILIES

9

Nine chart and dashboard pattern families translate the visual language into reusable blocks.

PATTERN FAMILIES

9

Nine chart and dashboard pattern families translate the visual language into reusable blocks.

PROTOTYPE SPRINT

3h

The app-like Tableau precursor was built as a time-boxed public sandbox.

PROTOTYPE SPRINT

3h

The app-like Tableau precursor was built as a time-boxed public sandbox.

04 · RELATED EXPERIMENTS

The visual discipline extends into distinct dashboard studies.

These are separate projects—not protected work-product redesigns—and remain linked rather than folded into this case study.

Energy Dashboard Mockup

A conceptual dark-mode dashboard study exploring calm executive density and modular information panels.

EXPERIMENTAL VISUAL SYSTEMS

Energy Dashboard Mockup

A conceptual dark-mode dashboard study exploring calm executive density and modular information panels.

EXPERIMENTAL VISUAL SYSTEMS

My Top Dogs

A fantasy football comparison experience exploring hierarchy, narrative, and player evaluation. Public release remains gated by imagery review.

SPORTS ANALYTICS · RIGHTS REVIEW

My Top Dogs

A fantasy football comparison experience exploring hierarchy, narrative, and player evaluation. Public release remains gated by imagery review.

SPORTS ANALYTICS · RIGHTS REVIEW

NEXT FIRST-WAVE CASE STUDY

Galaxy / Hubble

A protected healthcare intelligence experience being rebuilt with mock data as a navigable decision surface.

View staging case study

Pierre Byrne
0