With love, Tife
Email me
resume
SPIN OFF @ ALEX OYEBADE
Previous project
Next project
Learnings & Reflection
Despite my love for micro-interactions, I learned again that:
- Even micro-features need clear behaviour definitions.
- The “intelligence” of sort matters — dumb sorting can break components or expectations.
- There’s huge value in designing for designers.
Why It Matters
- Designers spend hours per week organising files.
- Clean layers = better handoff, fewer bugs, faster iteration.
- A small workflow boost can multiply across thousands of teams.
Anticipated Impact
After rollout in a staged experiment, we expect:
- ~5–10 minutes saved per file.
- 100% reduction in manual drag-and-drop.
- Faster inspection for developers.
Implementation & Handoff
For proper implementation, I:
- Provided interaction specs for how sort should behave inside component instances.
- Created fallback logic for unnamed layers (Rectangle 1, etc.)
- Documented sorting algorithm rules (natural sort, not ASCII-based).
- Proposed plugin fallback for teams not using native beta.
Prototype
UX Details
Accessible via right-click menu.
Smart Behaviours
- Preserves locked/hidden layer states.
- Skips non-layer items like grids and annotations.
- Works only with selected layers, not within them.
The Solution: Auto Sort
A smart panel tool that allows users to:
- Sort layers A–Z or Z–A by name.
- Sort layers by creation time (oldest or newest first).
- Apply sort to entire page, selected frame, or selected layers.
The Insight
Designers want to:
- Auto-sort layers alphabetically or by creation order.
- Focus more on design, less on file hygiene.
- Apply sort rules to selected frames, not entire files.
“If I can sort my files in Finder or Gmail, why not my layers in Figma?”
The Problem: Layer Chaos
As files scale, so do their layers. Figma users frequently struggle with:
- Disorganised layer panels.
- Layers named inconsistently.
- Time wasted manually dragging and naming items.
- Difficulty collaborating when files aren’t clean.
Whether working solo or in large teams, keeping things tidy is time-consuming and often neglected.
The Problem
The Insight
My Solution
UX Details
Prototype
Implementation
Impact
Why It Matters
Learnings
JUMP TO
Team
Boluwatife Olasupo, UX Designer
ChatGPT, Design Assistant
Role
Feature Design
Back to all projects
Auto Sort
Arrange all layers (and sub-layers) in a Figma file with one click.
With love, Tife
Email me
Projects
About me