Hi,
I'm Fangyuan
& I build.

I bring product judgment, visual craft, interaction design, and production code into one practice.

About Me

Six years, three chapters. After graduating from Guangzhou Academy of Fine Arts, I joined ByteDance's Feishu design team to build experiences for AI products. Two and a half years later, I moved to Kuaishou, where I designed B2B tools for a distribution business from its first release through growth. In summer 2025, I joined an AI startup of fewer than 15 people as its only designer. My work began extending beyond design files: three products, two rebrands, and production code I merged myself.

I believe the most valuable practitioners in the AI era can bring product judgment, taste, design craft, and engineering together. Below are the three products I worked on over the past year.

Experience

  • Jul 2025 – Present

    AI startup (fewer than 15 people)

    Product Designer · Design Engineer - Jul 2025 – Present

    Product design and frontend implementation across Clico, OKEight, and Karis, taking my own designs into production.

  • Apr 2023 – Jul 2025

    Kuaishou · Local Services

    Interaction Designer (Kuaishou Local Services)View project ↗ - Apr 2023 – Jul 2025

    • Design owner for the Distribution Center within Kuaishou Local Services.
    • Owned end-to-end interaction design for local group-buying distribution: building the core product in 2023–2024, then redesigning the experience for scale in 2024–2025.
    • Supported growth to 4M+ registered users and a 516% year-over-year increase in GMV.
    • Established a cross-functional UX quality program with product, engineering, and QA. Over more than a year, 60+ review sessions identified 178 live usability issues, with more than 90% resolved.
  • Jul 2020 – Apr 2023

    ByteDance · Feishu Design

    UX Designer (Feishu AI products, ByteDance)View project ↗ - Jul 2020 – Apr 2023

    • Led design for Enterprise Wiki from concept to launch, covering interaction, UI, and visual assets. The product reached 300K+ daily active users by March 2023.
    • Design owner for Feishu's writing assistant.
  • Apr 2019 – Jul 2019

    Tencent · WeChat Read

    Marketing Design Intern (WeChat Read, Tencent) - Apr 2019 – Jul 2019

    • Designed visual assets across WeChat Read's campaigns and operations.
    • Designed the mini program and mobile web experience for WeChat Read's 2019 World Book Day campaign.
  • Dec 2018 – Jan 2019

    iQIYI

    Interaction Design Intern (iQIYI, Beijing) - Dec 2018 – Jan 2019

    • Designed parts of the interaction model for the Paopao community administration platform.
    • Created promotional graphics for recurring campaigns.
  • Sep 2016 – Jun 2020

    Guangzhou Academy of Fine Arts

    Interaction Design (Guangzhou Academy of Fine Arts) - Sep 2016 – Jun 2020

    • Class representative for the 2016 Interaction Design studio cohort.

Case studies

Three products, one year: defining, redesigning, and evolving.

Clico

Defined the interaction model and character system for a new kind of desktop AI product, then used AI to help bring it into production.

Role: Product, Interaction, Brand / Character, Frontend
View case study

OKEight

Joined a live product and rebuilt its visual language and core components in six weeks, with everything shipped to production.

Role: Design system, Brand / Character, Frontend
View case study

Karis

Built a web-based marketing agent from the ground up through two name changes and two rebrands, serving as its sole designer and de facto product design lead.

Role: Product, Interaction, Pricing, Brand
View case study

How I work

Four habits behind my work. Open a behind-the-scenes panel to explore prompts, handoffs, and before-and-after comparisons from the process.

In 2025–2026, I rebuilt how I work. AI evolved from a tool for producing visuals into a direct path from design to production code. I still define the behavior, write the specifications, and review the result frame by frame. These are the four practices that made that shift possible.

01

Start with judgment: define behavior and structure before the interface

The interface follows the product's logic. Before opening a design file, I work out how the product should communicate and what should stay fixed or change.

02

Taste can become a specification

Looking good is a starting point. Reproducibility is the goal. I translate visual decisions into parameters, tokens, and rules that engineers and models can implement.

03

Take design all the way to production

My handoff goes beyond mockups. From annotated designs to investigating why a change never appeared, I stay responsible until the implementation is merged.

04

Give AI a contract, then let it amplify the work

AI expands what I can do; I still set the direction. I define what belongs in code, what belongs to the model, and how failures are handled. I also verify the result.

Peer Review

In my colleagues' words. Messages from everyday collaboration, with names removed.

Current colleague · Engineer
Translated from Chinese

“A UX designer who can code makes such a difference to the whole workflow.” “I tell people in interviews that our UX designer writes production code.”

Former colleague · Product Manager
Translated from Chinese

“This is such impressive design. There are so many logical states to account for.”

Current colleague · Engineer
Translated from Chinese

“More and more non-engineers are using it.” “Fangyuan has become a whole team of one.”

Former Kuaishou colleague · Product Manager
Translated from Chinese

“You are so dependable. Strong skills and a real understanding of the business.”

Visual design intern I mentored
Translated from Chinese

“I learned so much working with the team, especially motion design. I would love to continue full-time.”

Current colleague · Product Manager
Translated from Chinese

“You are building frontends with AI now? Brilliant.” “That is impressive.”

Former Kuaishou colleague · Product Manager
Translated from Chinese

“You are wonderful. Really, really wonderful.”

Scroll sideways · Click to enlarge