Phantom wallet mockup: draw it in Figma, or record a live Phantom-style screen
A Phantom wallet mockup can be a frame you draw or a screen you record. A side-by-side of the two for designers and creators: who controls the numbers, what happens to prices and totals, what a template does not give you, and where a mockup stops being a mockup.
Published:
A Phantom wallet mockup is a picture or a screen laid out like the Phantom home screen with numbers you choose. You can draw it in Figma, frame by frame, or compose a live Phantom-style screen and record it. Ours is the second kind: no template file to download, a prop labeled as one, never proof.
What a Phantom wallet mockup is, and two ways to make one
A Phantom wallet mockup is a picture of a wallet screen, laid out like the Phantom home screen, with numbers you chose instead of numbers read from a chain. There are two ways to get one. You can draw it as a frame in a design tool, or you can compose a live Phantom-style screen and record it. Designers tend to start with the first and creators with the second, and the choice depends on one question: who has to keep the numbers right, you or the software?
A larp wallet, also called a crypto wallet app simulator, is an app that shows a believable crypto wallet screen built from the balances you type in, for videos, skits, pitch decks and demos. It holds no funds and touches no blockchain.
My Larp Wallet is the second kind, made by us, so read this as a maker's view. It is not Phantom, it carries none of its logos, and we are not affiliated with Phantom. The "Phantom" in the search is about the look: a dark screen, a lavender accent, SOL first in the token list, tabs along the bottom.
Figma frame or live screen, side by side
| Aspect | A frame drawn in Figma | A live Phantom-style screen |
|---|---|---|
| Layout | Anything you can draw, including screens that do not exist yet | One layout: the home screen, token pages, send and receive sheets, accounts |
| Numbers | Typed by hand in every text layer | Typed once per row: tokens, quantities, cash, 24-hour change for custom rows |
| Prices | Frozen at the day you drew it | SOL, ETH, BTC, HYPE and USDC follow the market, refreshed every 4 seconds |
| Totals | You add up the rows and retype the total | The total is computed from the rows and the cash |
| Motion | Prototype links between frames | Tap a token, open its page with a chart, switch accounts |
| On a phone | Mirror a frame to the Figma app, or play a prototype | Added to the home screen, opens full screen like an app |
| Status bar | Drawn by you, often a frozen 9:41 | Not drawn: your phone's real time, battery and carrier show through |
| Output | An editable file you can hand to a team | A screenshot or screen recording you take on the phone; no file to hand over |
| Suited to | Designing a wallet or a feature before it exists | A believable wallet in a video, a skit, a deck or a demo |
Neither wins in general. A frame is the right tool when the thing is not built; a live screen is the right tool when you need something that looks built and moves. A detailed comparison for the Figma side is in Figma mockup vs real screenshot.
What Figma does well, and what it costs you
Figma's help center describes two ways to see a design on a phone. In presentation view, the mobile app plays a prototype from its starting point, and frames must have prototype connections to be interactive. In the Mirror tab, a top-level frame selected on the desktop appears on the phone, scaled to the device and updated in real time, over Wi-Fi or cellular data, with the same account on both. If your phone is not supported by the app, figma.com/mirror in the mobile browser does the same.
That is a good way to check a layout on a real screen. It does not change what the frame is. Every number in it is a text layer you typed, so a portfolio that adds up is arithmetic you do and redo each time a quantity changes. Prices do not move, and the clock in the status bar is whatever you drew. For a design review that is fine. For a clip in which a viewer is meant to read the screen as a working wallet, it is the part that gives it away.
What a live screen does well, and what it will not do
The wallet draws the screen from your inputs. You type the tokens and quantities, the cash amount, the account name and the avatar, and the app turns them into rows, a total and a 24-hour change. Five tokens use live prices; any other token is a custom row at the price you type. You can choose a light or dark theme and any accent color, and rename the tabs.
- It will not give you a design file. There is no Figma file, no SVG and no export. If you want to edit the layout, draw it.
- It has one look. A dark, Phantom-style layout of our own, not a library of brand skins and not a pixel copy of any app. If you need a layout that is not this one, a frame is the answer.
- It moves nothing. Send, Receive and the Trade and Predict tabs show sample content. No transfer, no notification, no swap.
The element-by-element tour of what the screen shows is in larp Phantom wallet, and forty labeled examples are on the crypto wallet mockups page.
Template, UI, design: three searches, one confusion
"Phantom wallet template" and "Phantom wallet UI" are asked by people who want different things.
- A template is a file to edit. Kits and community files for wallet apps exist in design marketplaces, and their licences differ. We do not sell one.
- The UI is the real interface, which lives in Phantom's own app and extension. To study it, install the real Phantom from its own site, and nowhere else.
- Design means the choices behind it: spacing, color, the order of tokens. Crypto wallet UI design patterns and the anatomy of a crypto wallet UI go through those without copying a brand.
The logo is a separate question. Phantom's developer page offers a zip of its logos and assets to people integrating Phantom, recommends its icon for dapp integrations, and says to refer to the style guide that comes with the download. The page itself states no rules for mockups. If you draw a Phantom frame with its logo in it, read that style guide and Phantom's terms first. Our screen uses no Phantom logo at all.
How to pick, by job
| You need | Use |
|---|---|
| A wallet design that does not exist yet, or a new feature | A Figma frame |
| Images for an App Store listing | Check the review rules before choosing (wallet mockup screenshots and App Store review) |
| A slide in a pitch deck | Either; a live screen adds real prices (a crypto portfolio slide) |
| A believable wallet in a video or a skit | A live screen, recorded on a phone (recording a wallet screen) |
| A screen to convince someone you hold funds | Neither. No image does that |
Where a Phantom wallet mockup stops
A mockup is a prop. It is never proof of a balance, an income, a deposit or a payment, and it should not be shown to anyone as one. Our terms prohibit presenting a screen as real. Put a small "Mockup" label in the frame or the caption.
The reason is practical as well as legal. The US FTC reported in June 2022 that victims of crypto investment scams described sites and apps that showed their holdings growing when it was all fake. A mockup is built to look believable, which is exactly what makes it dangerous in the wrong conversation. Never type a real recovery phrase into any mockup tool either: Phantom says it will never ask for one, and neither will a prop.
My Larp Wallet is a paid product, monthly or once for life, with no trial. The price on the site varies by visitor, so none is quoted here, and the homepage shows the wallet on a phone screen before you pay. For the full set of ways to get a Phantom-style picture, including a plain screenshot, see Phantom wallet screenshot.
Sources
- Figma Help Center, Figma mobile app: view prototypes and use Mirror, read October 2026
- Phantom Docs, Logos and assets, read October 2026
- Phantom, How to create a new wallet, read October 2026
- FTC, Reports show scammers cashing in on crypto craze, 2022
Questions
Is there a Phantom wallet mockup I can download?
Not from us. My Larp Wallet is a running web app, not a design file: there is no Figma file, no PNG pack and no export. You compose the screen, open it on your phone and capture it there. If you want a file to edit, you draw it in Figma yourself or look for a UI kit, and check what its licence allows.
Phantom wallet template or Phantom wallet UI: what is the difference?
A template is a design file you edit, such as a Figma frame. A UI is the interface itself, which for the real Phantom lives in its app and extension. A mockup is the picture of one of them with numbers you chose. This page compares the two ways of making that picture: drawing it, or recording a live screen.
Can I use the Phantom logo in a mockup?
We do not use it and cannot give you permission. Phantom's developer page offers its logos for people integrating Phantom and points to a style guide in the download, and it does not state rules for mockups. If you draw one in Figma, read that guide and Phantom's terms first. We are not affiliated with Phantom.
Figma or a live screen: which is better for a Phantom wallet mockup?
Figma if the interface does not exist yet and you want to change every pixel. A live screen if you need a believable wallet with live prices, correct totals and a real phone around it, for a video or a demo. Figma can also mirror a frame to your phone, but the numbers in it stay whatever you typed by hand.
Is a Phantom wallet mockup a screenshot of the real app?
No. A mockup is made, not captured from a real account. A screenshot of the real app shows a real balance and your addresses, which you may not want on camera. A mockup lets you show how a wallet looks with nobody's money in it, and says so.
Can I show a Phantom wallet mockup as proof that I have funds?
No. A mockup is never proof of a balance, an income or a payment, whoever drew it and whatever it looks like. Funds are shown by an address checked on a block explorer. Our terms prohibit presenting a mockup as real, and fraud law does not care which tool made the picture.
Compose the screen instead of describing it
Your tokens, your amounts, your accent, laid out in the browser, then opened on your phone at your own address. A mockup, and we never pretend otherwise.
- Unlimited tokens, amounts and accents
- Add it to your home screen; it opens like an app
- Live market prices that keep moving
- Your own address, mylarpwallet.com/you
Cancel anytime · Secure payment by Stripe · See the wallet
Keep reading
- Guide: Larp wallet and crypto larping, explainedThe three meanings the sources confuse, where the line between a mockup and a deception falls, and what the product makes.
- Crypto wallet templates and UI kits vs a live wallet simulatorA template gives you frames to edit; a live simulator gives you a wallet that moves on a real phone. What each one contains…
- Crypto pitch deck: how to show a portfolio screen on a slideA portfolio screen in a deck is a product illustration, not evidence. Here is how to make it legible at slide scale, and…
- Phone green screen or a live screen: how to put an app on a phone in a videoFour ways to get an app onto a phone in a shot, what each one fights (reflections, fingers, spill, tracking, licenses), a…