Takram参与了三菱电机株式会社（以下简称三菱电机）「Serendie Design System」的设计与开发工作。该项目不仅关注设计系统本身的构建，也将其视为推动更加开放的组织文化的一项实践。
三菱电机的业务覆盖航天、能源、工业自动化、家电等多个领域，并提出向「循环型数字工程企业」转型的目标。为加速这一转型，公司发布了DX基础平台「Serendie」。
Takram参与了支撑这一DX战略的设计系统建设，从设计到开发协同推进。
在基于Figma构建高通用性UI组件库的同时，也同步开发了对应的代码组件（JavaScript实现）。
以Serendie UI为基础，结合各业务领域的视觉识别需求，在保持一致性的同时兼顾不同场景的适应性。
主题体系基于设计令牌构建，并可根据实际需求进行扩展与定制。
内置5种标准主题，以适配不同业务领域的应用场景。
设计令牌由Reference Token与System Token两层结构组成，并充分考虑了主题化与多设备适配需求。
为了实现Single Source of Truth，开发了结合Figma API、Variables与Code Connect的工作机制。
为传达统一的品牌体验，构建了插图系统，并提供300余款图标作为Serendie资产的一部分。
与三菱电机团队持续协作，共同探索设计系统长期发展的团队结构、工作流程与运营机制。
Photography by Ayumi Yamamoto
Photography by Ayumi Yamamoto
Photography by Ayumi Yamamoto
Photography by Ayumi Yamamoto
Information
- Client三菱电机
- Year2025- (Ongoing)
- StudioTokyo
- Link
- Award
- Expertise
Project Team
- 项目总监:
- 软件工程:中本弥大（Intern）
- UI设计:
- 网页设计与插画:
- 图标设计:
Collaborators
- 软件工程:永山刚（float）藤井健士郎（CLAN）
- 设计系统顾问:福岛亮（SmartBank）
- 动态图形:下田佳彦
Related Projects
View all projects
History-inspired identity for the mission to bring about the next Gutenberg revolution
