Some screens of LINE Login are implemented in compliance with the design systems LDSM (LINE Design System for Messenger) and LDM (LINE Design System). However, while these design systems have designs in Figma, there is no implementation for the web. Therefore, it was necessary to efficiently prepare design token implementations for design systems that do not have existing implementations.

In this session, we will introduce two methods for implementing design tokens: an ad-hoc method and a method using Style Dictionary, along with the thought process that led to choosing these methods.