# My entire portfolio is a Figma prototype

Sneak Peek with Jay · January 9, 2026

[Original publication](https://www.youtube.com/watch?v=WBmGBZS1mgY)

A few weeks after I started at [Vercel](https://www.tomjohn.design/content/vercel), Jay had me on Sneak Peek to show the portfolio presentation I gave when I interviewed there. It isn't a website or a slide deck. It's a Figma prototype, with a nav I can reuse, a slide template, and four topics that each run down the canvas, because that's just how I think about prototypes, and all my design work was already in Figma anyway [(2:35)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=155s). I can click a button to show something, fade to the next thing or open a modal, and move things around a lot faster than I could in slides [(3:22)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=202s).

![The presentation's Figma canvas, four columns of linked slides, captioned as I say: “Basically, it this is how I think about prototypes. I've got a reusable nav, so I could like make changes. I've got like a slide template that I”](https://nlzkl2bo0qmd3uti.public.blob.vercel-storage.com/talks/clips/my-portfolio-is-a-figma-prototype/figma-canvas-DaDXIzKxwrF3blP4w75bnvht8ZUwbX.mp4 "Clip")

There aren't any words on the screen. Every time I've presented in the past I've wandered off the plan, so I stopped writing notes I'm going to ignore and put up visual cues instead, and I pick up the thread from there [(5:04)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=304s). I didn't rehearse it to a timer either. I'd given a version of it to Linear a little while before, so I cut it from about 50 minutes to 40 to leave time at the end, and that was about it [(8:19)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=499s).

## What I showed

It opened with my family [(5:33)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=333s). When I was hiring at [Asurion](https://www.tomjohn.design/content/asurion) I wanted to know who someone was. Not whether we had the same hobbies, but whether I could work with them and understand what motivates them. So I showed my wife and two boys, and a few things I'm into, like baseball, vinyl, barbecue, e-bikes and the deck I built in our backyard, and some of those turned into conversations later on.

Then a side project [(10:25)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=625s). I think a side project is the best way to see how someone works when there's no company, road map or politics around them, so if you have one, show it. Mine was [Ditherface](https://www.tomjohn.design/content/ditherface), which actually came out of company work: I drew the Basedash team for our about page, people started asking for their own, and when we pivoted I made one for everyone who gave me an hour for a user interview [(12:06)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=726s). Every one is rectangles I drew in Figma, and it's how I met a lot of designers I really like.

![A Ditherface portrait in outline, every pixel a rectangle drawn in Figma, captioned as I say: “is literally I'm drawing boxes in in Figma. Like, these aren't AI. Oh my god. This is literally me slogging out rectangles. I thought it was AI. I thought it was some kind of plugin”](https://nlzkl2bo0qmd3uti.public.blob.vercel-storage.com/talks/clips/my-portfolio-is-a-figma-prototype/ditherface-process-MLpvfHJSq9MvKGatF11y4LpwnjWfrX.mp4 "Clip")

[Basedash](https://www.tomjohn.design/content/basedash) was the main part [(15:05)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=905s), but five years at a company isn't one project, so it was more about who I was there and how I made decisions: the history, the flowchart I made to pitch the pivot, the first Framer prototypes for charts, all the card variants I had to support, and the explorations that never made it in. I used motion wherever I could, because when I post work, the work that moves gets about ten times as many people interested as a static screen, and motion makes something feel real [(15:39)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=939s). I showed a screenshot of my Figma canvas instead of opening the file, because five years of Figma files is chaos and I needed to control where the presentation went [(17:18)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1038s). And then I made a point of showing the real app and saying "this is not Figma", because what makes it into production is the part where you're working with developers [(18:57)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1137s).

![Basedash's chart cards at every size, from the presentation, captioned as I say: “I wanted to control this. I needed to control the flow of the presentation. So going into Figma just didn't feel like at all a good move. I wanted to”](https://nlzkl2bo0qmd3uti.public.blob.vercel-storage.com/talks/clips/my-portfolio-is-a-figma-prototype/control-the-flow-U9TIBOwMmr6XbbNNBbjuXEGTTeJ6bR.mp4 "Clip")

The last section was details that didn't fit anywhere else [(20:53)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1253s): the [Unicorn Studio loaders](https://www.tomjohn.design/content/unicorn-studio-cheat-code) in the product, the icons I drew on a 15 pixel grid, a glitchy character shimmer for when the AI is loading, the hundreds of integration logos I redrew because the ones we had were terrible, the website, and [Macindash](https://www.tomjohn.design/content/macindash) [(22:21)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1341s).

![Dithered loaders from Basedash, made in Unicorn Studio, captioned as I say: “animations that I made in Unicorn Studio that were in the product. I just wanted to show off a lot of them because they're really hard to see, you know, standalone. someone be like, "Look, look at all these loaders." I talked”](https://nlzkl2bo0qmd3uti.public.blob.vercel-storage.com/talks/clips/my-portfolio-is-a-figma-prototype/unicorn-loaders-Oa80FlOg9QgGZrwjUKsHmQnDpgmsH0.mp4 "Clip")

## How I got the job

I didn't spray and pray [(22:47)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1367s). I knew I wanted technical B2B products and teams that are really design-led. I'd applied to Linear once and heard nothing, so when Karri Saarinen tweeted that they were hiring a principal designer I DM'd him, and the next day he sent me his calendar [(23:47)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1427s). Linear passed, and I think for the right reasons. They were looking for management experience I don't have [(27:38)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1658s). I was bummed for a little bit, but getting that far with a design team I respect was a huge confidence boost, and I decided it wasn't going to be a low spot.

So I asked myself what the boldest thing I could do was, and DM'd Soleio, who I'd never talked to [(28:21)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1701s). I'd seen someone say they'd reached out to him and had an interview the next week, so I quoted that. We talked on Zoom while I sat on a park bench at a campground in South Dakota, and he introduced me to Vercel [(32:09)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1929s). I never applied for the job.

Jay asked about a few other things. I don't think cover letters matter [(24:52)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=1492s). I've never met a designer who got a job because of one. It's always someone they knew or someone who vouched for them, because you're not only up against a thousand other applications, you're up against everyone who knows somebody inside. I also didn't negotiate my salary [(36:22)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=2182s). The offer was in the range I expected, and three weeks of negotiating is three weeks of not getting paid. I'd rather earn more by doing good work once I'm there. I'd still tell junior designers to negotiate, though, and I've pushed hard on pay before, for myself and for other people.

## Share your work with people who use it

My longest answer was about sharing your work [(43:12)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=2592s). The feedback that made me better early on came from users, not other designers. At my first tech job our users were contact center employees at big banks, and I wasn't allowed to talk to them, so I sat in a mall with an iPad and a sign offering five bucks of Starbucks to anyone who'd test my scheduling app [(46:31)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=2791s). After each person I'd fix whatever tripped them up in Principle before the next one sat down. I got kicked out of that mall four times. When a 68-year-old grandma could move her shift from Tuesday to Thursday on her own, I knew I was onto something [(47:59)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=2879s).

![Me on Sneak Peek, telling the mall story, captioned as I say: “was I went to a mall and I sat there with a little iPad that said, "I'll pay you five bucks in Starbucks if you test my app." And I”](https://nlzkl2bo0qmd3uti.public.blob.vercel-storage.com/talks/clips/my-portfolio-is-a-figma-prototype/mall-story-vsAooo7QI9x4lY2y0hPXxrpwx9lnUI.mp4 "Clip")

And please don't put a made-up dashboard in your portfolio [(50:15)](https://www.youtube.com/watch?v=WBmGBZS1mgY&t=3015s). Dashboards are one of the hardest things to design, because you have to understand the whole product, what people need to measure and how the data gets to the screen, and anyone who's built one can tell a restyled Figma template right away.