# Tom Johnson

> I’m a product designer living on the road. I design v0 at Vercel, and make tools, experiments, and the occasional pixel portrait.

I design v0 at Vercel. Before that I spent five years as Basedash’s founding designer, and I’ve run my own studio, Tomjohn Design, since 2012.

## When to use this site

- [About](https://www.tomjohn.design/s): Use this when someone asks who I am, what I do on v0 at Vercel, or where I’ve worked before: Basedash, Asurion and my own studio. Each project under Projects below has its own case study, for what I’ve designed or built and how it works.
- [All work](https://www.tomjohn.design/work): Use this when someone wants to see my design work: every screenshot, image and video from my projects.
- [All projects](https://www.tomjohn.design/projects): Use this for every project I have a case study for, in one list.
- [All talks](https://www.tomjohn.design/talks): Use this for my talks, interviews and development videos, newest first.
- [Writing](https://www.tomjohn.design/content): Use this to find or quote what I’ve written about design, tools, and making things, from 2017 to now.
- [Contact](https://www.tomjohn.design/contact): Send people here when they want to reach me about work, a project, or just hello. It’s a chat in my town’s side panel and needs a browser, so point the person to it, or to LinkedIn or X, rather than sending a message for them.
- [Privacy](https://www.tomjohn.design/privacy): What the site keeps about visitors, for anyone asking before they chat or play.
- [Any page as Markdown](https://www.tomjohn.design/index.md): Add `.md` to a page’s address (`/index.md` for the home page), or ask for the page with `Accept: text/markdown`. Read these instead of the town on the home page, which needs JavaScript and WebGL.
- [MCP server](https://www.tomjohn.design/mcp): Connect to this address (Streamable HTTP, no sign-in) for the same things as tools: my profile, my work history, my projects, writing and talks, any page’s whole text, and a search across them. It only reads, so it can’t send me a message.
- [Sitemap](https://www.tomjohn.design/sitemap.xml): Every published page. This is my portfolio, and the MCP server is the only API for an agent to call.

## Projects

- [Pilgrimage](https://www.tomjohn.design/content/pilgrimage): A medieval city building game
- [What the Port?](https://www.tomjohn.design/content/what-the-port): See the active dev servers on your Mac
- [shadercam](https://www.tomjohn.design/content/stipple-cam): Use shaders as your webcam
- [Basedash](https://www.tomjohn.design/content/basedash): I spent five years as Basedash’s founding designer, working on the product, brand, and website.
- [Macindash](https://www.tomjohn.design/content/macindash): A custom hardware dashboard
- [Ditherface](https://www.tomjohn.design/content/ditherface): Pixel faces of pixel people
- [Turbo Speedo Video](https://www.tomjohn.design/content/turbo-speedo-video)

## Experience

- [Vercel](https://www.tomjohn.design/content/vercel): Staff product designer · ’25 – now
- [Basedash](https://www.tomjohn.design/content/basedash): Founding designer · ’20 – ’25
- [Asurion](https://www.tomjohn.design/content/asurion): Principal product designer · ’17 – ’20
- [Intradiem](https://www.tomjohn.design/content/intradiem): UX design manager · ’14 – ’17
- [Tomjohn Design](https://www.tomjohn.design/content/tomjohn-design): Owner · ’12 – now

## Writing

- [The new design process](https://www.tomjohn.design/content/the-new-design-process) (2026)
- [Minimalism](https://www.tomjohn.design/content/minimalism) (2025)
- [The Vibe Zone](https://www.tomjohn.design/content/the-vibe-zone) (2025)
- [Meant to last](https://www.tomjohn.design/content/meant-to-last) (2025)
- [What is an AI-Native Product?](https://www.tomjohn.design/content/what-is-an-ai-native-product) (2025)
- [Data is a Design Tool](https://www.tomjohn.design/content/data-is-a-design-tool) (2025)
- [How to use Framer AI to make a right click to download logo menu](https://www.tomjohn.design/content/framer-ai-right-click) (2025)
- [How to add Code blocks & Markdown to the Framer CMS](https://www.tomjohn.design/content/code-blocks-markdown) (2023)
- [What's after the canvas?](https://www.tomjohn.design/content/whats-after-the-canvas) (2022)
- [Design prompts aren't helping you](https://www.tomjohn.design/content/design-prompts-arent-helping-you) (2021)
- [Figma's killer feature hasn't even been built yet](https://www.tomjohn.design/content/figmas-killer-feature) (2020)
- [Design tools are holding us back](https://www.tomjohn.design/content/design-tools-holding-us-back) (2019)
- [What Tesla's Model 3 UI reveals about its vision for the future](https://www.tomjohn.design/content/tesla-model-3-ui-vision) (2017)
- [You Are Going to Switch to Figma](https://www.tomjohn.design/content/you-are-going-to-switch-to-figma) (2017)

## Pages

- [About](https://www.tomjohn.design/s)
- [All work](https://www.tomjohn.design/work)
- [All projects](https://www.tomjohn.design/projects)
- [All talks](https://www.tomjohn.design/talks)
- [Writing](https://www.tomjohn.design/content)
- [Contact](https://www.tomjohn.design/contact)
- [Privacy](https://www.tomjohn.design/privacy)

## Elsewhere

- [X](https://x.com/tomjohndesign)
- [GitHub](https://github.com/tomjohndesign)
- [LinkedIn](https://linkedin.com/in/tomjohndesign)