Takram is a design innovation firm.
Explore new possibilities. Crystallize them into reality.

Serendie Design System for AI

Exploring a Design System for the AI Era
Takram has worked on the Serendie Design System (SDS), a key initiative supporting Mitsubishi Electric Corporation's digital transformation strategy, since its inception. As Agentic Coding reshapes how digital products are built, it is becoming easier to move from ideas to working software. At the same time, workflows once divided across specialized roles are evolving into more continuous, AI-supported processes. In this context, the role of design systems is becoming increasingly important. This project explored what a design system should become in the AI era, with the outcomes released publicly for anyone to use.
Serendie MCP enables AI agents to work with SDS assets according to context. Released as a remote MCP server, it is available for use with a wide range of AI agents.
Serendie UI Plugin supports UI design with SDS inside Figma. It provides AI-powered guidance, validates designs against SDS guidelines, suggests corrections, and automatically applies Serendie UI components. Available on Figma Community, it is open for anyone to use.

Information

Project Team

Main Visual
Takaya Deguchi
Design Engineer
Service Designer
Project Director
Main Visual
Masato Nomiyama
Design Engineer
Project Director
Main Visual
Rena Komatsu
CG Designer
Visual Designer
Main Visual
Yahiro Nakamoto
Digital Product Designer
Design Engineer

Collaborators

  • Design Engineering (Applied AI):
    Takeshi Nagayama (float)
  • Software Engineering (Design Systems):
    Takeshi Nagayama (float)

Related Projects

View all projects
Thumbnail
Serendie Design System
Building an Open Organisational Culture, Starting from the Design System
Thumbnail
Re:Earth Website Renewal
Information design for making urban data more accessible
Thumbnail
Guideline for Service Design Process
Co-creating a Program to Transform Organizational Culture