Ken Feng

79 posts

Ken Feng banner
Ken Feng

Ken Feng

@kenfengzl

A human. Design Engineer @imperialcollege 🚗🍜🏸

London, England Katılım Nisan 2024
798 Takip Edilen103 Takipçiler
Ken Feng retweetledi
CodeLoom (AI Products | Indie Dev) 🚀
@XDash 其实追了这么多热点之后,会发现,其实不需要那么急,因为只要稍微学慢一点,就压根不需要学了,他们自己就消失了🥴
中文
0
1
2
1.1K
Ken Feng retweetledi
笑林
笑林@xiaolinbythesea·
对全新 Siri 的动画在 WebGL 进行了复刻,我甚至都不知道什么时候国行能真正的用上全新 Siri。此效果特别献给转发我上篇帖子的丁师 @dingyi 给我带来了很多新朋友,新朋友们也是由设计工程话题关注我的,如果这个效果你们喜欢,希望多多互动,我将准备详细的制作教程分享。 在线体验地址: xiaolin.work/shaders/siri27/ 此效果完全可移植到任何图形平台,没有特殊图形API,再次感恩 Apple 设计师的奇思妙想与工艺打磨,为我提供如此精彩的学习案例,我只是个卑微的临摹学习者。
笑林@xiaolinbythesea

Cursor 招聘设计工程师了,非常令人心动,但我还犹豫着不能行动; 我在字节工作了8年,一直游走在动效设计师和设计工程师之间。最近我的团队(豆包手机团队)也在招聘设计工程师,但是我们需要的方向更多要有一些对 Android 平台的了解,和硅谷大多数设计工程师围绕 Web 展开工作有所区别。 前一阵我也对市面上招聘设计工程师的 JD 做了调研,和 ChatGPT 一起做出以下几个画像,虽然 Title 都是设计工程师,但还是有不同的侧重的: 画像一:AI Design Engineer 定位: 负责把 AI 能力转成可理解、可控制、可验证的产品体验。 传统产品设计师、UI/UX 设计师的 AI 升级版。 典型任务: - 设计 agent workflow、tool call、执行计划、状态反馈。 - 做真实或半真实 LLM/API 驱动原型。 - 处理 AI 的 latency、streaming、失败、幻觉、权限、回滚、人工确认。 - 和模型、后端、前端、产品一起定义可交互的 AI 产品机制。 关键证据: - 有能运行的 AI 产品原型,而不是只有 UI mock。 - 展示过复杂状态、异常、边界、权限和失败恢复。 - 能清楚解释“模型能力如何影响交互设计”。 不适合信号: - 只会把 AI 做成聊天框。 - 只关心 prompt,不关心产品状态和人机协作。 - 无法解释 AI 输出不确定性如何体现在界面中。 画像二:Product UI Craft Engineer 定位: 把关键产品界面做到可上线质量,负责交互、动效、性能和细节手感。 传统动效设计师、原型设计师的升级版。 典型任务: - 从 Figma 或 Sketch 直接写出高质量 React/TypeScript 原型。 - 打磨 loading、empty、error、success、hover、focus、keyboard、transition。 - 做组件抽象、交互动效、响应式、性能优化。 - 和设计师、产品、工程师一起把“感觉不对”拆成可修复的细节。 关键证据: - 作品中有真实可操作界面。 - 细节状态完整,不只有 happy path。 - 能解释性能、动效、可访问性和视觉 polish 的取舍。 不适合信号: - 会写代码但审美粗糙。 - 会做视觉但无法落到真实前端。 - 对交互状态和边界情况不敏感。 画像三:Design Systems Engineer 定位: 建立团队长期复用的设计与前端基础设施。 传统设计系统维护者使用 AI 加强工作流。 典型任务: - 建立 tokens、components、patterns、docs、Storybook。 - 连接 Figma variables 和代码组件。 - 定义组件 API、可访问性标准、motion token、dark mode、主题系统。 - 让 AI 工具能消费组件、token 和设计上下文。 关键证据: - 有完整设计系统项目,而不是零散 UI kit。 - 同时展示设计规范和代码实现。 - 能处理组件治理、版本、迁移、文档和跨团队协作。 不适合信号: - 只会画组件,不懂组件 API。 - 只会写组件,不懂设计语义。 - 过度抽象,脱离真实产品场景。 画像四:Creative Technologist / Motion & Graphics Engineer 定位: 负责产品中的高级动效、实时图形、创作工具、3D/空间交互和生成式视觉体验。 传统技术美术、特效设计、动效动画设计的进阶。 典型任务: - 做 Canvas / WebGL / Three.js / Rive / Lottie / Shader 原型。 - 设计时间线、关键帧、预览、生成、局部编辑、版本分支。 - 把 AI 生成结果变成可编辑、可理解、可控制的创作界面。 - 探索 Aesthetics 2026 所说的 technical mono、mixed media、3D、nostalgia、texture、glitch 等方向,但保持可用性。 关键证据: - 有动效或图形交互 demo。 - 能说明动效如何服务信息层级和操作反馈。 - 有审美实验能力,但不牺牲产品清晰度。 不适合信号: - 只做炫技动效,无法服务产品。 - 只懂静态视觉,不懂时间和交互。 - 3D/图形能力脱离工程实现。 画像五:AI Design Workflow Architect 定位: 不是单点做界面,而是设计团队如何使用 AI、Figma、代码库、设计系统一起工作的流程。 AI 时代的新角色,AI Design Infra,与前面四个画像深度合作。 典型任务: - 搭建 Figma → token → component → code → docs 的链路。 - 使用 Claude Code、Cursor、v0、Lovable、Figma MCP 等工具形成团队工作流。 - 设计 AI 辅助 UI 生成、组件检索、设计系统问答、自动文档、代码同步。 - 把设计系统变成模型可读的上下文。 关键证据: - 有自动化或半自动化设计流程案例。 - 能解释 AI 工具在流程中哪里可靠、哪里不可靠。 - 能平衡速度、质量、治理和团队学习成本。 不适合信号: - 把 AI 工具当噱头。 - 只会“生成页面”,不会维护系统。 - 不能判断 AI 生成结果的设计质量。 --- 上述画像是以技能侧重抽象的,不一定是精准匹配到某类人,甚至大多数设计工程师是在多个画像间交叉的,比如我。 有对豆包手机感兴趣的可以联系我,有对我感兴趣的也可以联系我 😁

中文
12
9
117
18.8K
Ken Feng
Ken Feng@kenfengzl·
@itsxiuting My friend has a really interesting point of view. A lot of work is just gathering context, even for him as an SDE.
English
1
0
0
71
fxt
fxt@itsxiuting·
crazy that meetings are the most human thing in everyone's workday now
English
2
0
5
520
Ken Feng
Ken Feng@kenfengzl·
@AzureSupport @Azure Navigating through cloudservices site is always a painful thing as a beginner
English
0
0
0
23
Ken Feng
Ken Feng@kenfengzl·
@AzureSupport @Azure Charged £100+ per month for TWO months on an LLM+Bing service I tried once and never used. No cancel button, no refund path — and I'd pay more just to open a support ticket?! AWS & GCP never pulled this. Can a human from billing reach out? #azhelp
Ken Feng tweet media
English
3
0
1
86
Ken Feng retweetledi
luuk de leest
luuk de leest@luuk58·
fun fact: tijdens de keynote hakt Apple een stukje 3k, 4k, 5k en 6kHz eruit wanneer ze "Siri" zeggen, zodat niet iedereens HomePods terug beginnen te praten 🗣️🚫
luuk de leest tweet media
Nederlands
115
969
24.8K
1.1M
Ken Feng
Ken Feng@kenfengzl·
HMW (how might we) assumes you already know the problem. With new, unformed tech, you don't — so it quietly pushes you to reverse-justify a solution. "What if…" fits better. What If finds the problem. HMW solves it.
English
0
0
1
55
Ken Feng
Ken Feng@kenfengzl·
Product(non-digital 👀)/Industrial designers have the power to move into the digital world to build more skeuomorphic, tangible-feeling experiences.
English
0
0
0
47
Ken Feng
Ken Feng@kenfengzl·
@vanillaCitron 就拿apple intelligence 来讲….还有灾害预警啥的哈哈哈哈
中文
0
0
6
2.5K
citron🍢🍋
citron🍢🍋@vanillaCitron·
来了湾区才知道原来 MapKit 有 Visited Places 和 Preferred Routes 的权限!头一次见这个权限请求提示框! 感觉整个 iOS 都是 optimized for California 的
citron🍢🍋 tweet mediacitron🍢🍋 tweet mediacitron🍢🍋 tweet media
中文
6
3
211
64.9K
Ken Feng
Ken Feng@kenfengzl·
@_FORAB 可以蒸馏成AI的决策链路
中文
0
0
1
3.1K
AB Kuai.Dong
AB Kuai.Dong@_FORAB·
太牛批了,某大厂内网的万字长文。核心项目组员工,在离职前的长篇吐槽,里面出现好几位高管名字。 从见证 AI 立项,到 300 万日活,最后因管理者、员工、文化矛盾等问题,成为项目最后一位走的人。 drive.google.com/file/d/15q4eat…
AB Kuai.Dong tweet mediaAB Kuai.Dong tweet media
Meguro-ku, Tokyo 🇯🇵 中文
184
79
545
436.9K
Ken Feng
Ken Feng@kenfengzl·
@shi_jinwei 都需要对how things were done and made 有一定理解,共通的地方哈哈哈
中文
0
0
1
60
whenever-不可兼容
whenever-不可兼容@shi_jinwei·
但这些只是互联网产业的设计工程师诶…其实设计工程师很多至少是要求软硬件交叉的,而且大部分需要有工业设计&设计理论的知识,感觉这个职业又有点像“产品经理”这个岗位一样,被互联网夺舍了……(来自硕士专业名字中就含有design engineering的我的怨念)
笑林@xiaolinbythesea

Cursor 招聘设计工程师了,非常令人心动,但我还犹豫着不能行动; 我在字节工作了8年,一直游走在动效设计师和设计工程师之间。最近我的团队(豆包手机团队)也在招聘设计工程师,但是我们需要的方向更多要有一些对 Android 平台的了解,和硅谷大多数设计工程师围绕 Web 展开工作有所区别。 前一阵我也对市面上招聘设计工程师的 JD 做了调研,和 ChatGPT 一起做出以下几个画像,虽然 Title 都是设计工程师,但还是有不同的侧重的: 画像一:AI Design Engineer 定位: 负责把 AI 能力转成可理解、可控制、可验证的产品体验。 传统产品设计师、UI/UX 设计师的 AI 升级版。 典型任务: - 设计 agent workflow、tool call、执行计划、状态反馈。 - 做真实或半真实 LLM/API 驱动原型。 - 处理 AI 的 latency、streaming、失败、幻觉、权限、回滚、人工确认。 - 和模型、后端、前端、产品一起定义可交互的 AI 产品机制。 关键证据: - 有能运行的 AI 产品原型,而不是只有 UI mock。 - 展示过复杂状态、异常、边界、权限和失败恢复。 - 能清楚解释“模型能力如何影响交互设计”。 不适合信号: - 只会把 AI 做成聊天框。 - 只关心 prompt,不关心产品状态和人机协作。 - 无法解释 AI 输出不确定性如何体现在界面中。 画像二:Product UI Craft Engineer 定位: 把关键产品界面做到可上线质量,负责交互、动效、性能和细节手感。 传统动效设计师、原型设计师的升级版。 典型任务: - 从 Figma 或 Sketch 直接写出高质量 React/TypeScript 原型。 - 打磨 loading、empty、error、success、hover、focus、keyboard、transition。 - 做组件抽象、交互动效、响应式、性能优化。 - 和设计师、产品、工程师一起把“感觉不对”拆成可修复的细节。 关键证据: - 作品中有真实可操作界面。 - 细节状态完整,不只有 happy path。 - 能解释性能、动效、可访问性和视觉 polish 的取舍。 不适合信号: - 会写代码但审美粗糙。 - 会做视觉但无法落到真实前端。 - 对交互状态和边界情况不敏感。 画像三:Design Systems Engineer 定位: 建立团队长期复用的设计与前端基础设施。 传统设计系统维护者使用 AI 加强工作流。 典型任务: - 建立 tokens、components、patterns、docs、Storybook。 - 连接 Figma variables 和代码组件。 - 定义组件 API、可访问性标准、motion token、dark mode、主题系统。 - 让 AI 工具能消费组件、token 和设计上下文。 关键证据: - 有完整设计系统项目,而不是零散 UI kit。 - 同时展示设计规范和代码实现。 - 能处理组件治理、版本、迁移、文档和跨团队协作。 不适合信号: - 只会画组件,不懂组件 API。 - 只会写组件,不懂设计语义。 - 过度抽象,脱离真实产品场景。 画像四:Creative Technologist / Motion & Graphics Engineer 定位: 负责产品中的高级动效、实时图形、创作工具、3D/空间交互和生成式视觉体验。 传统技术美术、特效设计、动效动画设计的进阶。 典型任务: - 做 Canvas / WebGL / Three.js / Rive / Lottie / Shader 原型。 - 设计时间线、关键帧、预览、生成、局部编辑、版本分支。 - 把 AI 生成结果变成可编辑、可理解、可控制的创作界面。 - 探索 Aesthetics 2026 所说的 technical mono、mixed media、3D、nostalgia、texture、glitch 等方向,但保持可用性。 关键证据: - 有动效或图形交互 demo。 - 能说明动效如何服务信息层级和操作反馈。 - 有审美实验能力,但不牺牲产品清晰度。 不适合信号: - 只做炫技动效,无法服务产品。 - 只懂静态视觉,不懂时间和交互。 - 3D/图形能力脱离工程实现。 画像五:AI Design Workflow Architect 定位: 不是单点做界面,而是设计团队如何使用 AI、Figma、代码库、设计系统一起工作的流程。 AI 时代的新角色,AI Design Infra,与前面四个画像深度合作。 典型任务: - 搭建 Figma → token → component → code → docs 的链路。 - 使用 Claude Code、Cursor、v0、Lovable、Figma MCP 等工具形成团队工作流。 - 设计 AI 辅助 UI 生成、组件检索、设计系统问答、自动文档、代码同步。 - 把设计系统变成模型可读的上下文。 关键证据: - 有自动化或半自动化设计流程案例。 - 能解释 AI 工具在流程中哪里可靠、哪里不可靠。 - 能平衡速度、质量、治理和团队学习成本。 不适合信号: - 把 AI 工具当噱头。 - 只会“生成页面”,不会维护系统。 - 不能判断 AI 生成结果的设计质量。 --- 上述画像是以技能侧重抽象的,不一定是精准匹配到某类人,甚至大多数设计工程师是在多个画像间交叉的,比如我。 有对豆包手机感兴趣的可以联系我,有对我感兴趣的也可以联系我 😁

中文
2
0
1
371
Ken Feng
Ken Feng@kenfengzl·
Great ref for launching video
English
0
0
0
69
Ken Feng
Ken Feng@kenfengzl·
Make me think about AI hardware is still things people use daily, but with a tweak, DJI MIC, shortcut keyboard, beefy laptop, earphones,phone in your pocket, of course.
English
0
0
0
52
Ken Feng retweetledi
Dezo
Dezo@0xDezo·
APPLE JUST GOT HUMILIATED BY AN $8 JACKET BADGE A random Japanese maker saw Apple's $3,499 Vision Pro Persona and decided to build the same thing for the price of a pizza. Same real-time face mirroring. Same natural expressions and blinks. Same low latency reaction when you smile. Apple needed a full headset with M2 chip, R1 processor, 12 cameras and LiDAR. He did it with one ESP32, a tiny camera and MediaPipe running 468 landmarks on-device. Total cost: eight dollars. This is what happens when one weekend hacker destroys a billion-dollar feature in a jacket pin. The hardware moat just evaporated. Full system in the video below.
English
145
1.2K
9K
1.5M