Skip to content
Abdulghafor Abbas.

AI speeds me up.I decide.

I design and build with AI every day. It makes research, drafts and code fast. The problem worth solving, the structure, the taste and the final call stay mine.

The tools I use

Claude Code. My main design tool. I design and build interfaces in code, from the first layout to a page that ships.

Tap a logo to bring it forward. Drag to spin it.

My process.

Five steps, each backed by a real project you can open.

My process
  1. 01

    Audit

    Find what is actually broken before touching a pixel: heatmaps, session data, the flows people really take.

    AI does
    Clusters heatmap and session data, and summarises the research.
    I decide
    Which problem is worth fixing first.
    • ChatGPT · Codex
    • Claude Code
    The Launchsoft heatmap audit
  2. 02

    Structure

    Give every screen one job: sitemaps, flows and reading order, wireframed before any colour.

    AI does
    Drafts sitemap and flow options to compare.
    I decide
    The order a visitor needs, and what gets cut.
  3. 03

    Design

    Systems first, then screens: tokens and components, then the pages built from them.

    AI does
    Generates variations and checks consistency across screens.
    I decide
    Taste, hierarchy, and what is right for the brand.
    • Figma
    • Paper
    • Higgsfield
    The ATLP design system
  4. 04

    Build

    Ship the product, not a picture of it. I build in code, so the design survives to the screen.

    AI does
    Writes and refactors the code, fast.
    I decide
    Every interaction, reviewed in a real browser.
    • Claude Code
    • ChatGPT · Codex
    Meld, designed and built end to end
  5. 05

    Measure

    Check what changed against the baseline, then go again.

    AI does
    Pulls the numbers together.
    I decide
    Whether the change worked, honestly.

Where AI stops.Where I start.

AI is a tool in my hands, not the designer. It takes the fast, repeatable work; the calls that need judgement stay with me.

Where AI helps and where I decide
  1. AI doesResearch synthesis

    I decideThe problem worth solving

  2. AI doesFirst drafts of copy and flows

    I decideThe structure and the reading order

  3. AI doesImage and video variations

    I decideTaste, and the final call on what ships

  4. AI doesCode and refactors

    I decideEvery interaction, reviewed in a real browser

  5. AI doesPulling the numbers together

    I decideWhat the numbers mean, and where they came from

Fast tools.Careful calls.