LayerLens

LayerLens

Product

LayerLens makes complex layer hierarchies immediately legible by turning nested structures into clear, visual signals, right inside Figma.

Product

LayerLens makes complex layer hierarchies immediately legible by turning nested structures into clear, visual signals, right inside Figma.

Impact

By making layer structure understandable at a glance, LayerLens reduces collaboration friction and aligns how teams build and interpret files.

Reduced friction...

Impact

By making layer structure understandable at a glance, LayerLens reduces collaboration friction and aligns how teams build and interpret files.

Reduced friction...

My role

I led LayerLens end-to-end, defining both the system architecture and the mental model behind how designers understand layers.

Led the project end-to-end...

My role

I led LayerLens end-to-end, defining both the system architecture and the mental model behind how designers understand layers.

Led the project end-to-end...

Credits

  • Collaborated with two peer-level UX designers, with mentorship from Dan Robbins at Adobe.

  • Completed as a Master’s program capstone project, involving a full end-to-end simulation of multiple stakeholder feedback loops, intensive iterations, and formal presentations within a constrained timeline.

Context

Problem

Vision

Why this matters

Process

Challenge #1

Prototype

Challenge #2

System Model

Interaction Model

Future System Extensions

My Capability

Context

Problem

Vision

Why this matters

Process

Challenge #1

Prototype

Challenge #2

System Model

Interaction Model

Future System Extensions

My Capability

Credits

  • Collaborated with two peer-level UX designers, with mentorship from Dan Robbins at Adobe.

  • Completed as a Master’s program capstone project, involving a full end-to-end simulation of multiple stakeholder feedback loops, intensive iterations, and formal presentations within a constrained timeline.