Skip to content
Umar Ali Butt

About

I’MUmar.

Self-taught product designer from Islamabad. No design degree - just a high-school diploma, a lot of YouTube, and a mildly concerning relationship with Figma.

Download my CV
Umar Ali Butt

SELF-TAUGHT, SELF-STARTED

THE PLOTso far

Abridged. The director’s cut
has way more Figma files.

  1. 2021

    Taught myself design. Got hired as a UI/UX Designer.

    Learned more in month one than in every tutorial combined.

  2. NEXT

    Promoted to Product Designer.

    Started owning flows end to end - research to handoff.

  3. NOW

    Senior Product Designer.

    Web3, fintech & AI products, design systems and a lot of dashboards. Pickier about pixels than ever.

GOODat

Things people actually
pay me for.

  • 01PRODUCT DESIGNApps and platforms, from the first flow to the last edge case.
  • 02DASHBOARDSData-heavy UI that still feels calm.
  • 03DESIGN SYSTEMSTokens, components and docs your devs won’t hate.
  • 04PROTOTYPESInteractive enough to test, real enough to sell.
  • 05BRANDSIdentity that holds up from favicon to billboard.

MYshortcuts

How I actually work, in keyboard shortcuts. Press a key. Seriously, try it.

  • Cmd/Ask the annoying question.Before anyone opens Figma.
  • ShiftAAuto-layout everything.Absolute positioning is a cry for help.
  • OptDragDuplicate what works.Then delete what doesn’t. Ruthlessly.
  • CmdZUndo bad ideas early.Ideally before the client sees them.
  • RRename every layer.Yes, every one. “Frame 2847” is not a name.
  • CmdSSave.Figma already did. It just feels good.