原文作者：Ventryshia Andiyani（Blibli 产品团队）
发布时间：2022 年 2 月 21 日
原文发布地址：https://medium.com/blibli-product-group/an-engineer-in-a-design-team-a530d6cec69e
Blibli 是印度尼西亚领先的全渠道电商平台，成立于 2011 年，隶属于印尼大型集团 Djarum。公司业务涵盖在线零售、旅游票务（tiket.com）、支付金融服务及线下超市（如 Ranch Market），并通过统一会员系统和快速配送等服务构建完整消费生态。作为印尼前三大电商之一，Blibli 以技术驱动、体验为本，设计团队在业内以高标准的设计系统（Blue）和跨职能协作模式著称，推动产品体验与品牌一致性。
嗨，大家好！祝大家新年快乐！
我是 Ventry，一名计算机科学专业毕业生。大学时，我的世界是黑白，不断编写后端、前端、全栈代码，搭建数据库，以及处理 CRUD 应用等 medium.com。
但我总感觉缺点什么：我更喜欢色彩、设计、交互，而不仅仅是黑白代码。几个月前，我在 Blibli 正式成为一名 UX 工程师，这是一个美好结合了编码与视觉设计的职位。我将在本文分享我的职责与心得 medium.com。
UX 工程师简介
UX 工程师是位于设计团队与前端工程师之间的桥梁角色。他们专注于通过代码实现 UI 组件的设计与交互，而不仅仅是连接前后端 medium.com。
这类工程师常带着两顶“帽子”——设计的、工程的，但无论如何，他们最终都是设计与工程之间的连接者 medium.com+1medium.com+1。
为什么我选 UX 工程师？
我既懂编程，又对色彩视觉有敏锐的嗅觉——在这里，我可以把喜欢的和擅长的结合在一起。所以，如果你也在这两者之间摇摆不定，UX 工程师或许是你的理想选择 。
UX 工程师的三大核心职责
1. 设计系统的开发与维护
在 Blibli，我们的设计系统名为 Blue（Blibli Unifying Elements）。这个系统由 UX 工程师使用 HTML、CSS、JS（基于 VueJS）开发可复用组件、标准与文档，用以保证整个产品的一致性、提升视觉质量、加强团队协作效率 instagram.com+4medium.com+4blue.blibli.com+4。
2. 架起沟通桥梁
UX 工程师不仅开发设计系统，还会协助前端同事正确实现这些组件。在视觉敏感＋编码熟练的基础上，我们能够权衡设计、开发投入和性能，为设计师和工程师间的沟通提供技术支持与共情 。
3. 切片（Slicing）设计
若设计中包含自定义动画或交互，一般前端可能不愿意承担额外依赖库的性能成本。UX 工程师可“切片”：将 UI 设计转化为高性能、CSS 动画的可重用组件，并保持与 Blue 设计系统一致。还会做像素对齐检查，减少 UI 错误 。
总结与感受
我很幸运成为 UX 工程师，因为这个角色让我既能写出高质量代码，也能与设计师一起创造漂亮交互。作为跨设计与工程的桥梁，我们让团队更快速地实验、更准确地落地、更一致地交付。每日的彩色挑战让我的工作充满乐趣与意义 。
如果你喜欢设计、又喜欢代码，又希望让产品更美、更好用，或许 UX 工程师会是很棒的职业路径！
发表回复