陈书远Shu-yuan Chen

设计工程师 · Design Engineer

邮箱[email protected]
网站shuyuan.dev
所在杭州,中国
GitHubgithub.com/shuyuan

概述

7 年前端工程师 + 视觉设计经验,专注于设计系统与 AI 协作工作流。曾在两家上市公司主导 design tokens 与组件库迭代,所交付的体系被 200+ 工程师每日使用。

经历

资深设计工程师@ Sora Studio

2023 — 至今

远程 · 上海

  • 主导 Sora 设计系统从 v1 到 v2 重写,引入 OKLCH 色彩空间和 design tokens 单源约定。
  • 把组件库视觉决策从手动同步改为 token-driven,节省团队每周约 6 小时对色对齐时间。
  • 搭建 mockup → React 的 AI 协作工作流:设计师产出 HTML,AI 转 React,工程师只审 token。

前端工程师@ Lumen Tech

2020 — 2023

杭州

  • 负责 B 端 dashboard 设计实现,主导从 Ant Design 迁移到自研组件库。
  • 把无障碍(WCAG AA)作为 lint rule 接入 CI,覆盖率从 31% 提升到 92%。
  • 主笔团队前端规范文档,被新人作为入职第一周必读材料。

独立开发@ 自由职业

2018 — 2020

远程

  • 为 12 家中小品牌交付独立站,平均工期 4 周,全部按时交付。
  • 开源 Markdown 编辑器 sora-md 累计 2.4k stars。

技能

设计系统
Design tokens · 组件库 · 多主题切换 · 可访问性
前端
TypeScript · React 19 · Next.js · Vue 3 · Tailwind v4
视觉
Figma · 排版 · 色彩理论 · OKLCH · 印刷设计基础
工具链
Vite · Turborepo · pnpm · Playwright · Vitest
语言
中文(母语)· 英文(雅思 7.5)· 日文(N3)

教育

中国美术学院 · 视觉传达设计

2014 — 2018

学士 · GPA 3.8 / 4.0 · 毕设获院级优秀

浙江大学 · 计算机科学(辅修)

2015 — 2018

辅修学位 · 主修:算法、操作系统、人机交互