Skip to content
Osama Khattak
Service 06 / 06

UI and UX design in Figma

Wireframes, prototypes and interface designs in Figma, drawn by the person who will build them.

ConsultantsPerHour, built with ui and ux design
  • Figma
  • React
  • Tailwind CSS

Why work with me on UI and UX design

  • Figma
  • React
  • Tailwind CSS

Good interfaces are planned before they are coded. I design key screens in Figma first so you can see and approve the product before development starts.

Because I build what I design, the designs stay realistic: components that reuse well, layouts that work on small screens and nothing that will be painful to implement.

What you get

  1. 01

    Wireframes

    The structure of each key screen, agreed before any visual design.

  2. 02

    Clickable prototypes

    Figma prototypes to test the main flows with real users or stakeholders.

  3. 03

    Interface design

    Final screens with a small component library, ready for development.

  4. 04

    UX improvements

    Reviews of existing products with concrete fixes. At Alphinex, UI and UX changes raised customer satisfaction by 25%.

How it runs

  1. 01 Plan

    We agree on the goal, scope, timeline and cost in writing before work starts.

  2. 02 Design

    Wireframes or Figma designs for the key screens, so you approve the look before it is built.

  3. 03 Build

    Development in small milestones, with progress shared over Zoom, Trello and GitHub.

  4. 04 Launch

    Deployment, speed and SEO checks, then support for fixes and updates after handover.

Common questions

Can you design and then build it?

Yes, and that is the most efficient way to work with me: one person from the first wireframe to the deployed product.

Do you only design in Figma?

Yes, Figma is where I design, prototype and hand off.

Want to see your product before it is built?

Freelance projects and full-time remote roles both welcome.

Let's work together