Ahmed AmrDesign Engineer

I've been building products for eight years.

Design through to shipped code. Most recently a design system an AI agent can build production software from.

Selected work
Each one follows a single problem from the constraint that created it to the product that shipped.
All case studies
Figma • Style Dictionary • ReactBuilding a design system with the agent that would have to use it
React • TypeScript • ViteThe warehouse app that had to weigh a truck
One app for every field operation
Figma • Amplitude • SmartlookThe restaurant menu that had two jobs
Every case study, in one place.
All case studies

Shots

Finished surfaces, with the argument taken out.

A scroll through the Stack business page. The hero, One account for the money your business moves, resolves over a dark dashboard showing a $128,450 balance and a Stack AI panel. Scrolling brings up an invoice being drafted by prompt, a card issued for Google Ads with a $100 daily limit, and a payment queued for approval, each answered inside the same assistant panel.

A scroll through the Hawala card page. It opens on Spend globally, earn up to 3% cash back, with two cards fanned over a phone. The card then settles into a handset for the virtual card section, services that decline local payments orbit it on a dotted arc, and the page closes on a bento grid covering freezing, spending limits, tap to pay and cash back.

The Thndr COMI securities page shown edge to edge inside a thin black desktop display, with the stock price and chart beside the buy or sell order ticket.

A close research view inside a black tablet frame, pairing the Morningstar analyst rating and fair value with a TradingView technical signal.

The Thndr securities page inside a laptop mockup on a green studio background, with the account menu open and virtual mode switched on.

The securities page price summary, intraday chart, and buy or sell order ticket arranged together on a dark component board.

A walkthrough of Mocky, a desktop tool for dropping a design into a device mockup and animating it into a share-ready video. It opens on a dark projects dashboard, opens the Mocky App - Launching project into the editor, fits an iPhone X onto the canvas from the devices panel, sets the artboard colour from a picker, then keyframes the Introducing Mocky App title along the timeline with cubic easings.

The Mocky projects dashboard, headed Active Projects (4), with three cards across it and a New Project button in coral. The sidebar carries the account, then Active Projects, Published, Archived and Collections.

An untitled Mocky project before anything is in it. The canvas holds a numbered primer — add your design to a mockup, create an animated video, export and share it — over an Add new artboard button, with an empty timeline underneath and the layer tools down the left.

The devices panel open over the editor, listing iPhone 8, 8+, SE, 11, 11 Pro and 11 Pro Max under Mobile with Tablet and Responsive web folded below. The inspector on the right is set to a Dribbble shot preset at 1600 by 1200.

A close view of the artboard colour controls: a saturation field over hue and opacity sliders, hex fields reading #161825 for the background and #FFFFFF for the fill, and a row of saved swatches. A shape menu offering Rectangle and Circle is open against the toolbar at the right.

The finished Mocky App - Launching composition, an iPhone X mockup beside the Introducing Mocky App title. The timeline below lists the layers, with the title's position, size and opacity keyframed between diamonds labelled Ease In Cubic and Ease In & Out Cubic.

Where to next