Top Talent like John are on Pangea

Pangea, a YC company, connects companies with fractional talent. Fractional hiring allows companies to move faster and work with more specialized talent, while giving talent more flexibility and independence. If you are talent open to fractional work, apply here. If you’re a company looking for high-quality fractional talent, learn more here.

John Sun

Product Designer
SF, CA, US
Wireframing
JavaScript
A/B Testing
JIRA
User Research
Figma
Accessibility
UI/UX Design
CSS
HTML
Design Systems
Available for hire fromNegotiable
Contracts
Experienced Product Designer | Design-to-Code Workflows, Tokenized Design Systems, Figma MCP & StorybookUI
I like solving complex problems, either with simple solutions, a systematic approach or both. I’ve been very enthusiastic about agentic workflows in design and have developed a personal design-to-code approach. I’ve developed tokenized design systems and scalable design-to-code pipelines (Figma MCP, StorybookUI). I have extensive experience in UI/UX design across e-commerce, data analytics, and education technology, and I’ve led migrations to modern design tooling to speed delivery. Please view my work at johnsun.design.

Projects

Toll Brothers Design-to-Code Workflow & Tokenized Design System

Led migration from Sketch to Figma; established a tokenized design system; developed a design-to-code workflow using Figma MCP and StorybookUI; created interactive prototypes and a workflow to automatically generate prototypes from design files; improved UX metrics on the main site and supported stakeholder initiatives.See More

Work History

T

UI/UX Designer

Toll BrothersAug 2021 - Jan 2026 • 4 yrs 6 mosI migrated the company design workflow to Figma, established a tokenized digital design system, and developed a design-to-code workflow utilizing the Figma MCP and StorybookUI. I used this workflow to generate interactive code prototypes. I conducted self-driven tests to increase conversion and improve UX on the main site. I provided wireframes and prototypes for stakeholder initiatives involving the main site.
E

UI/UX Designer

Excellis InteractiveJul 2019 - Apr 2021 • 1 yr 10 mosI worked as an UI/UX design consultant to the Comcast TPX team on two separate internal mobile apps. The apps provide Comcast employees and contractors a way to easily register guests, book rooms, request time off, and log hours. In a design team of two, I focused on delivering UX research, wireframes, prototypes, as well as assessing product requirements and writing developer tickets.
T

UI Designer

Turn5, Inc.May 2018 - May 2019 • 1 yr 1 moI delivered high-fidelity desktop and mobile mockups for all three of Turn5's e-commerce sites. I defined project goals with the design lead, BAs, and developers. I carried UX initiatives from conception to completion and wrote corresponding developer tickets. In A-B tests, my proposed design patterns improved interaction metrics by 7-15% over controls. I also introduced Principle as an animation tool to quickly make videos to explain complex UI interactions to developers.
D

UI/UX Designer

DesignationJul 2017 - Feb 2018 • 8 mosI learned UI/UX design and agile development process by working on three client projects. With each new project, I discovered more about my design process in creating high fidelity wireframes and prototypes for web and mobile. I performed user testing to gain feedback and made iterations on my designs.
H

Designer

HumanlyticsJan 2017 - Jun 2017 • 6 mosHumanlytics is a data analytics startup focused on providing automated business insights related to Google Analytics to SMBs. As the designer, I created low- and high fidelity wireframes for Humanlytic's MVP. I also made custom graphic assets and infographics for Humanlytics marketing.
T

Creative Fellow

TechChangeJun 2016 - Aug 2016 • 3 mosAn education startup that provides online classes showcasing technology used in international development. Working with a small creative team, I produced custom illustrations, hand-drawn animation, and edited video lessons.
S

Chester Community Fellow

Swarthmore CollegeJun 2015 - Aug 2015 • 3 mosI received the Chester Community Fellowship to work as part of a cohort at Swarthmore College. I taught three high school students 2D hand-drawn animation over three weeks. I designed a project-oriented curriculum for my students, teaching them the basics of animation on TVPaint and encouraging personal creativity on projects. My other duties included student counseling, conflict facilitation, and assisting other teachers in the program.

Education

S

Swarthmore College

Bachelor of Arts (B.A.), Biology, General2012 - 2017

How Pangea Works

Effortlessly discover top talent

We've distilled the candidate search from endless hours down to just a few minutes. Using Pangea's AI-powered search tools, you can find top fractional talent able to take on your next project. Our system looks at your company's niche and your needs to find the perfect match faster than any traditional hiring platform.

Start working with talent today

The top talent on Pangea is ready to get started with you right now. You can message or hire a candidate right from their profile page and start assigning work as soon as they respond. And the best part? Pangea's fractional contract structure lets you start small and ramp up as your needs change, keeping your costs manageable and your team's capabliities flexible.

Track work and invoices in one place

Assign tasks, track progress, and complete invoices all on Pangea. We've combined every part of the hiring process into one platform to eliminate the miscommunication that's unavoidable on other freelance platforms. We even send out 1099s to your contractors at the end of the year!

Talk with a Talent Expert

Members of our team are available to help you speed through the hiring process.
Available Now
Book a Call
Experienced Product Designer | Design-to-Code Workflows, Tokenized Design Systems, Figma MCP & StorybookUI
I like solving complex problems, either with simple solutions, a systematic approach or both. I’ve been very enthusiastic about agentic workflows in design and have developed a personal design-to-code approach. I’ve developed tokenized design systems and scalable design-to-code pipelines (Figma MCP, StorybookUI). I have extensive experience in UI/UX design across e-commerce, data analytics, and education technology, and I’ve led migrations to modern design tooling to speed delivery. Please view my work at johnsun.design.

Talk with a Talent Expert

Members of our team are available to help you speed through the hiring process.
Available Now
Book a Call

Top Talent like John are on Pangea

Pangea, a YC company, connects companies with fractional talent. Fractional hiring allows companies to move faster and work with more specialized talent, while giving talent more flexibility and independence. If you are talent open to fractional work, apply here. If you’re a company looking for high-quality fractional talent, learn more here.

John Sun

Product Designer
SF, CA, US
Wireframing
JavaScript
A/B Testing
JIRA
User Research
Figma
Accessibility
UI/UX Design
CSS
HTML
Design Systems
Available for hire fromNegotiable
Contracts

Projects

Toll Brothers Design-to-Code Workflow & Tokenized Design System

Led migration from Sketch to Figma; established a tokenized design system; developed a design-to-code workflow using Figma MCP and StorybookUI; created interactive prototypes and a workflow to automatically generate prototypes from design files; improved UX metrics on the main site and supported stakeholder initiatives.

Work History

T

UI/UX Designer

Toll BrothersAug 2021 - Jan 2026 • 4 yrs 6 mosI migrated the company design workflow to Figma, established a tokenized digital design system, and developed a design-to-code workflow utilizing the Figma MCP and StorybookUI. I used this workflow to generate interactive code prototypes. I conducted self-driven tests to increase conversion and improve UX on the main site. I provided wireframes and prototypes for stakeholder initiatives involving the main site.
E

UI/UX Designer

Excellis InteractiveJul 2019 - Apr 2021 • 1 yr 10 mosI worked as an UI/UX design consultant to the Comcast TPX team on two separate internal mobile apps. The apps provide Comcast employees and contractors a way to easily register guests, book rooms, request time off, and log hours. In a design team of two, I focused on delivering UX research, wireframes, prototypes, as well as assessing product requirements and writing developer tickets.
T

UI Designer

Turn5, Inc.May 2018 - May 2019 • 1 yr 1 moI delivered high-fidelity desktop and mobile mockups for all three of Turn5's e-commerce sites. I defined project goals with the design lead, BAs, and developers. I carried UX initiatives from conception to completion and wrote corresponding developer tickets. In A-B tests, my proposed design patterns improved interaction metrics by 7-15% over controls. I also introduced Principle as an animation tool to quickly make videos to explain complex UI interactions to developers.
D

UI/UX Designer

DesignationJul 2017 - Feb 2018 • 8 mosI learned UI/UX design and agile development process by working on three client projects. With each new project, I discovered more about my design process in creating high fidelity wireframes and prototypes for web and mobile. I performed user testing to gain feedback and made iterations on my designs.
H

Designer

HumanlyticsJan 2017 - Jun 2017 • 6 mosHumanlytics is a data analytics startup focused on providing automated business insights related to Google Analytics to SMBs. As the designer, I created low- and high fidelity wireframes for Humanlytic's MVP. I also made custom graphic assets and infographics for Humanlytics marketing.
T

Creative Fellow

TechChangeJun 2016 - Aug 2016 • 3 mosAn education startup that provides online classes showcasing technology used in international development. Working with a small creative team, I produced custom illustrations, hand-drawn animation, and edited video lessons.
S

Chester Community Fellow

Swarthmore CollegeJun 2015 - Aug 2015 • 3 mosI received the Chester Community Fellowship to work as part of a cohort at Swarthmore College. I taught three high school students 2D hand-drawn animation over three weeks. I designed a project-oriented curriculum for my students, teaching them the basics of animation on TVPaint and encouraging personal creativity on projects. My other duties included student counseling, conflict facilitation, and assisting other teachers in the program.

Education

S

Swarthmore College

Bachelor of Arts (B.A.), Biology, General2012 - 2017

How Pangea Works

Effortlessly discover top talent

We've distilled the candidate search from endless hours down to just a few minutes. Using Pangea's AI-powered search tools, you can find top fractional talent able to take on your next project. Our system looks at your company's niche and your needs to find the perfect match faster than any traditional hiring platform.

Start working with talent today

The top talent on Pangea is ready to get started with you right now. You can message or hire a candidate right from their profile page and start assigning work as soon as they respond. And the best part? Pangea's fractional contract structure lets you start small and ramp up as your needs change, keeping your costs manageable and your team's capabliities flexible.

Track work and invoices in one place

Assign tasks, track progress, and complete invoices all on Pangea. We've combined every part of the hiring process into one platform to eliminate the miscommunication that's unavoidable on other freelance platforms. We even send out 1099s to your contractors at the end of the year!

Talk with a Talent Expert

Members of our team are available to help you speed through the hiring process.
Available Now
Book a Call
Pangea empowers fractional work across the world for marketing and design roles.