I designed this mobile app in Figma, then took it a step further by building it with Claude Code....I designed this mobile app in Figma, then took it a step further by building it with Claude Code....
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
The jump from Figma screens to working prototypes is impressive—those little interaction details are where a concept starts to feel like a real product.
Turning the Figma design into a working prototype is a useful way to test the small interaction details. Which interaction changed the most once you could actually use it?
Blue means one thing here: the range you are looking at.
The value chart is a row of thin gray bars, and only the selected date range fills in blue. You read the period that matters and keep the months around it as context.
The phone carries the same chart above the holdings list. Each coin gets its own small bar chart between the name and the amount, so you can scan the whole portfolio for movement without opening a single coin.
Trading screens get busy fast. This one stays light and calm, so the numbers lead: total value, realized and unrealized P&L and open positions, all on one screen.
Looks great! What about readability though?
Text seems low contrast to me. Although I have a poor vision and most things seem too small and low contrast to me.