Desktop BG

Portfolio & REsumE

Jonathan
Whitfield

Framer Designer

interaction & motion

I design expressive interfaces and craft motion-led web experiences that feel as good as they look.

Pattern
Resume Image

Available for new work

By the numbers

A decade of crafting for design-led teams.

0+
Completed Projects
0+
Years of Experience
0+
Happy Clients
0+
Awards Received

Experience

Eight years building interfaces people love.

4 roles

across product & design teams
from Figma to Framer.

2022 —

Present

Senior Product Designer

at Framer

Leading the design language for the Framer site builder - shaping component systems, motion patterns, and the canvas-to-publish flow used by 500k+ designers.

Design Systems

Motion

Web Builder

2020 — 2022

Product Designer

at Stripe

Designed onboarding and dashboard surfaces for Stripe Atlas, helping founders incorporate companies in under 10 minutes. Contributed to the Sail design system.

Fintech

Onboarding

Dashboard

2018 — 2020

UI Designer

at Linear

One of the first three designers. Owned issue views, command menu, and project planning surfaces. Worked closely with engineering to ship the keyboard-first interaction model.

SaaS

Productivity

Keyboard UX

2017 — 2018

Junior Designer

at Figma

Started in the community team, designing plugin and template surfaces. Helped launch FigJam onboarding screens and authored a handful of widely-forked starter templates.

Templates

Plugins

FigJam

Education

Trained in design, learned by shipping.

3 programs

formal study, fellowships, and self-directed learning.

2014 — 2018

Rhode Island School of Design

BFA, Graphic Design

Focused on type design, editorial systems, and motion. The thesis project explored variable fonts as expressive UI tools. Co-led the student-run design publication for two years.

Magna Cum Laude

Type Director's Club Award

2019

Recurse Center

Programming Fellowship

Twelve-week self-directed retreat in Brooklyn. Built a working type- setting engine in Rust and shipped a small ECS-based design tool prototype.

Rust

Systems

2021 — 2022

Reforge

Product Design Leadership

Six-month program covering design leadership, hiring rubrics, and operating models for design teams. Capstone on craft culture at growth-stage companies.

Leadership

Hiring

Skills & Tools

The kit I reach for, day to day.

15 tools

across design, motion, and code workflows.

Design

01 · Tools

Figma Icon

Figma

Framer Icon

Framer

Sketch IIcon

Sketch

Webflow Icon

Webflow

XD Icon

Adobe XD

Motion

02 · Animation

After Effects Icon

After Effects

Lottie Icon

Lottie

Rive Icon

Rive

Priciple Icon

Principle

Spline Icon

Spline

Code & More

03 · Workflow

React Icon

React

Tailwind Icon

Tailwind

HTML Icon

HTML / CSS

Notion Icon

Notion

Stack Icon

Slack

Kind words

What people I've worked with have said.

30+ collaborators

a few words from teammates and clients over the years.

  • Jonathan brought a level of craft and care to our motion system that completely changed how the product felt - fast, considered, and a little bit magical.

    Review Profile

    Maya Chen

    Head of Design, Framer

  • One of those rare designers who writes great code too. Shipping with him is basically a cheat code - design and engineering happen at the same time.

    Review Profile

    Ravi Sharma

    Founding Engineer, Drift

  • We rebranded our entire studio with him in six weeks. The result was so much better than the brief we wrote - he understood what we were trying to become, not just what we said.

    Review Profile

    Lena Vogt

    Founder, Lumen Studio

  • Calm, fast, and deeply opinionated in the best way. He'll push back when it matters and ship something better than what you asked for.

    Review Profile

    Adrian Park

    CPO, Cascade Analytics

  • The kind of collaborator who makes the whole team better just by being on the call. Notes are sharp, work is sharper.

    Review Profile

    Sofía Reyes

    Design Lead, Stripe

  • Took our editorial site from "fine" to something people screenshot. Typography, motion, restraint - all there in equal measure.

    Review Profile

    Theo Whitaker

    Editor-in-Chief, Kiln

FAQ

Things people often ask.

A few honest answers to the questions that come up most often. Can't find what you're looking for? Send a message - happy to chat.

I focus on three areas: product design (web apps, dashboards, onboarding flows), brand identity systems, and motion-led marketing sites. The common thread is craft - projects where details matter and the team cares about how things move and feel, not just how they look. If you're not sure whether your project fits, just send a note. I'm happy to point you toward someone better suited if it's not my thing.

Get in touch

Let’s make something together.

I'm taking on one or two projects this quarter. If you're working on something that needs careful design and motion, I'd love to hear about it - even if it's still early.

Availability

Open · Q2 2026

Based in

Brooklyn, NY

Response

Within a day or two

Send a quick note I'll reply soon.

Or reach me directly

© 2026 ResumeQ · All rights reserved

Mobile BG

Portfolio & REsumE

Jonathan Whitfield

Framer Designer

interaction & motion

I design expressive interfaces and craft motion-led web experiences that feel as good as they look.

Pattern
Resume Image

Available for new work

By the numbers

A decade of crafting
for design-led teams.

0+
Completed Projects
0+
Years of Experience
0+
Happy Clients
0+
Awards Received

Experience

Eight years building interfaces people love.

4 roles

across product & design teams from Figma to Framer.

2022 —

Present

Senior Product Designer

at Framer

Leading the design language for the Framer site builder - shaping component systems, motion patterns, and the canvas-to-publish flow used by 500k+ designers.

Design Systems

Motion

Web Builder

2020 — 2022

Product Designer

at Stripe

Designed onboarding and dashboard surfaces for Stripe Atlas, helping founders incorporate companies in under 10 minutes. Contributed to the Sail design system.

Fintech

Onboarding

Dashboard

2018 — 2020

UI Designer

at Linear

One of the first three designers. Owned issue views, command menu, and project planning surfaces. Worked closely with engineering to ship the keyboard-first interaction model.

SaaS

Productivity

Keyboard UX

2017 — 2018

Junior Designer

at Figma

Started in the community team, designing plugin and template surfaces. Helped launch FigJam onboarding screens and authored a handful of widely-forked starter templates.

Templates

Plugins

FigJam

Education

Trained in design, learned by shipping.

3 programs

formal study, fellowships, and self-directed learning.

2014 — 2018

Rhode Island School of Design

BFA, Graphic Design

Focused on type design, editorial systems, and motion. The thesis project explored variable fonts as expressive UI tools. Co-led the student-run design publication for two years.

Magna Cum Laude

Type Director's Club Award

2019

Recurse Center

Programming Fellowship

Twelve-week self-directed retreat in Brooklyn. Built a working type- setting engine in Rust and shipped a small ECS-based design tool prototype.

Rust

Systems

2021 — 2022

Reforge

Product Design Leadership

Six-month program covering design leadership, hiring rubrics, and operating models for design teams. Capstone on craft culture at growth-stage companies.

Leadership

Hiring

Skills & Tools

The kit I reach for, day to day.

15 tools

across design, motion,

and code workflows.

Design

01 · Tools

Figma Icon

Figma

Framer Icon

Framer

Sketch IIcon

Sketch

Webflow Icon

Webflow

XD Icon

Adobe XD

Motion

02 · Animation

After Effects Icon

After Effects

Lottie Icon

Lottie

Rive Icon

Rive

Priciple Icon

Principle

Spline Icon

Spline

Code & More

03 · Workflow

React Icon

React

Tailwind Icon

Tailwind

HTML Icon

HTML / CSS

Notion Icon

Notion

Stack Icon

Slack

Kind words

What people I've worked with
have said.

30+ collaborators

a few words from teammates

and clients over the years.

  • Jonathan brought a level of craft and care to our motion system that completely changed how the product felt - fast, considered, and a little bit magical.

    Review Profile

    Maya Chen

    Head of Design, Framer

  • One of those rare designers who writes great code too. Shipping with him is basically a cheat code - design and engineering happen at the same time.

    Review Profile

    Ravi Sharma

    Founding Engineer, Drift

  • We rebranded our entire studio with him in six weeks. The result was so much better than the brief we wrote - he understood what we were trying to become, not just what we said.

    Review Profile

    Lena Vogt

    Founder, Lumen Studio

  • Calm, fast, and deeply opinionated in the best way. He'll push back when it matters and ship something better than what you asked for.

    Review Profile

    Adrian Park

    CPO, Cascade Analytics

  • The kind of collaborator who makes the whole team better just by being on the call. Notes are sharp, work is sharper.

    Review Profile

    Sofía Reyes

    Design Lead, Stripe

  • Took our editorial site from "fine" to something people screenshot. Typography, motion, restraint - all there in equal measure.

    Review Profile

    Theo Whitaker

    Editor-in-Chief, Kiln

FAQ

Things people often ask.

A few honest answers to the questions that come up most often. Can't find what you're looking for? Send a message - happy to chat.

I focus on three areas: product design (web apps, dashboards, onboarding flows), brand identity systems, and motion-led marketing sites. The common thread is craft - projects where details matter and the team cares about how things move and feel, not just how they look. If you're not sure whether your project fits, just send a note. I'm happy to point you toward someone better suited if it's not my thing.

Get in touch

Let’s make something together.

I'm taking on one or two projects this quarter. If you're working on something that needs careful design and motion, I'd love to hear about it - even if it's still early.

Availability

Open · Q2 2026

Based in

Brooklyn, NY

Response

Within a day or two

Send a quick note I'll reply soon.

Or reach me directly

© 2026 ResumeQ · All rights reserved

Tablet BG

Portfolio & REsumE

Jonathan Whitfield

Framer Designer

interaction & motion

I design expressive interfaces and craft motion-led web experiences that feel as good as they look.

Pattern
Resume Image

Available for new work

By the numbers

A decade of crafting
for design-led teams.

0+
Completed Projects
0+
Years of Experience
0+
Happy Clients
0+
Awards Received

Experience

Eight years building
interfaces people love.

4 roles

across product & design teams
from Figma to Framer.

2022 —

Senior Product Designer

at Framer

Leading the design language for the Framer site builder - shaping component systems, motion patterns, and the canvas-to-publish flow used by 500k+ designers.

Design Systems

Motion

Web Builder

2020 — 2022

Product Designer

at Stripe

Designed onboarding and dashboard surfaces for Stripe Atlas, helping founders incorporate companies in under 10 minutes. Contributed to the Sail design system.

Fintech

Onboarding

Dashboard

2018 — 2020

UI Designer

at Linear

One of the first three designers. Owned issue views, command menu, and project planning surfaces. Worked closely with engineering to ship the keyboard-first interaction model.

SaaS

Productivity

Keyboard UX

2017 — 2018

Junior Designer

at Figma

Started in the community team, designing plugin and template surfaces. Helped launch FigJam onboarding screens and authored a handful of widely-forked starter templates.

Templates

Plugins

FigJam

Education

Trained in design, learned by shipping.

3 programs

formal study, fellowships, and self-directed learning.

2014 — 2018

Rhode Island School of Design

BFA, Graphic Design

Focused on type design, editorial systems, and motion. The thesis project explored variable fonts as expressive UI tools. Co-led the student-run design publication for two years.

Magna Cum Laude

Type Director's Club Award

2019

Recurse Center

Programming Fellowship

Twelve-week self-directed retreat in Brooklyn. Built a working type- setting engine in Rust and shipped a small ECS-based design tool prototype.

Rust

Systems

2021 — 2022

Reforge

Product Design Leadership

Six-month program covering design leadership, hiring rubrics, and operating models for design teams. Capstone on craft culture at growth-stage companies.

Leadership

Hiring

Skills & Tools

The kit I reach for, day to day.

15 tools

across design, motion, and code workflows.

Design

01 · Tools

Figma Icon

Figma

Framer Icon

Framer

Sketch IIcon

Sketch

Webflow Icon

Webflow

XD Icon

Adobe XD

Motion

02 · Animation

After Effects Icon

After Effects

Lottie Icon

Lottie

Rive Icon

Rive

Priciple Icon

Principle

Spline Icon

Spline

Code & More

03 · Workflow

React Icon

React

Tailwind Icon

Tailwind

HTML Icon

HTML / CSS

Notion Icon

Notion

Stack Icon

Slack

Kind words

What people I've worked with
have said.

30+ collaborators

a few words from teammates and clients over the years.

  • Jonathan brought a level of craft and care to our motion system that completely changed how the product felt - fast, considered, and a little bit magical.

    Review Profile

    Maya Chen

    Head of Design, Framer

  • One of those rare designers who writes great code too. Shipping with him is basically a cheat code - design and engineering happen at the same time.

    Review Profile

    Ravi Sharma

    Founding Engineer, Drift

  • We rebranded our entire studio with him in six weeks. The result was so much better than the brief we wrote - he understood what we were trying to become, not just what we said.

    Review Profile

    Lena Vogt

    Founder, Lumen Studio

  • Calm, fast, and deeply opinionated in the best way. He'll push back when it matters and ship something better than what you asked for.

    Review Profile

    Adrian Park

    CPO, Cascade Analytics

  • The kind of collaborator who makes the whole team better just by being on the call. Notes are sharp, work is sharper.

    Review Profile

    Sofía Reyes

    Design Lead, Stripe

  • Took our editorial site from "fine" to something people screenshot. Typography, motion, restraint - all there in equal measure.

    Review Profile

    Theo Whitaker

    Editor-in-Chief, Kiln

FAQ

Things people often ask.

A few honest answers to the questions that come up most often. Can't find what you're looking for? Send a message - happy to chat.

I focus on three areas: product design (web apps, dashboards, onboarding flows), brand identity systems, and motion-led marketing sites. The common thread is craft - projects where details matter and the team cares about how things move and feel, not just how they look. If you're not sure whether your project fits, just send a note. I'm happy to point you toward someone better suited if it's not my thing.

Get in touch

Let’s make something together.

I'm taking on one or two projects this quarter. If you're working on something that needs careful design and motion, I'd love to hear about it - even if it's still early.

Availability

Open · Q2 2026

Based in

Brooklyn, NY

Response

Within a day or two

Send a quick note I'll reply soon.

Or reach me directly

© 2026 ResumeQ · All rights reserved

Create a free website with Framer, the website builder loved by startups, designers and agencies.