DeFi work — AP3

AP3

08 / 09

Marginfi × Backpack

xNFT App

Onchain trading, shaped like a native exchange app.

Medium: Mobile app concept

xNFT App contract screen with a SUSHI-USD chart, protocol selection, order book, and Long and Short actions — Design views
Original Figma design · illustrative market values

Scroll to see the case study

Case study Mobile DEX

xNFT App

My goal was to design an xNFT trading app for Backpack with the familiarity of a native centralized exchange. The concept connects account context, market discovery, protocol selection, order entry, and position management in one mobile journey.

Interface explorationExplore Figma

Selected artifacts

Product & process.

Product states, decisions, and the system behind them.

One familiar trading journey

The whiteboard mapped account and home, markets, a trade, then positions and orders. The aim was to connect onchain protocols through a familiar app structure.

Home & markets

Keep balance and favorite markets close. Expand a market to compare protocols before entering a trade.

xNFT App home with balance, protocol selection, product shortcuts, and favorites — Home · account context and favorite markets

xNFT App expanded SOL market comparing price, volume, open interest, and funding across protocols — Markets · compare the same market across protocols

From market to order

A familiar order ticket keeps direction, order type, size, and estimated liquidation price together. A separate leverage sheet exposes margin mode and risk limits.

xNFT App SUSHIUSD perpetual order ticket with protocol selection, order book, order types, size, and estimated liquidation price — Order entry · protocol, direction, type, and size

xNFT App leverage sheet with Cross and Isolated choices, leverage slider, risk limit, and confirmation — Leverage · margin mode, amount, and risk limit

Positions & orders

Separate open positions from pending orders, so users can inspect PnL, close a position, or cancel an unfilled order.

xNFT App open positions with PnL, margin, entry and liquidation prices, and close-out controls — Positions · PnL, margin, and close-out

xNFT App Orders tab with an unfilled SUSHIUSD order and cancellation control — Orders · unfilled status and cancellation

Explore Figma

The original xNFT Backpack Mobile design file.

xNFT Backpack Mobile Open live ↗

Astro

mrgnlend

Gamma Finance

Black Box

Drift Points

Divergence Protocol

Kivo

xNFT App

Omni AI Agent