Institutional Repository UIN Sunan Kalijaga YogyakartaRANCANG BANGUN PLUGIN FIGMA TOKEN2CODE UNTUK OTOMATISASI PROSES DESAIN KE KODENIM.: 22106050060Ahsan Nafis’alimiauthorThe process of handing over designs from designers to developers, which is still done manually, often leads to communication gaps. This situation can trigger technical debt and cause visual inconsistencies in the codebase. Although Figma has provided Variables features to implement the concept of design tokens, the process of converting variable values to frameworks like Tailwind CSS still needs to be done manually and has the potential to introduce errors. To address this issue, this final project develops a Figma plugin called Token2Code. This plugin is designed to automate the extraction of Figma Variables of type Color and Float into CSS Variables and Tailwind CSS version 3 configurations. The development method used is Waterfall, through stages of requirements analysis, design, coding, and testing. Functionality testing is conducted using Black Box Testing, while the system's usability level is measured through the System Usability Scale (SUS). All Black Box Testing scenarios ran as planned, both under ideal conditions and anomalies. Furthermore, the SUS testing involving 16 respondents resulted in an average score of 78.3. This score falls within the Acceptable category with a Good rating. This result indicates that Token2Code is capable of automating the design-to-code conversion process in a more practical manner and is well-received by users without requiring additional external toolchains.005.3 Program Aplikasi Komputer2026-08-26UIN SUNAN KALIJAGA YOGYAKARTA;FAKULTAS SAINS DAN TEKNOLOGIThesis

For work being deposited by its own author: In self-archiving this collection of files and associated bibliographic metadata, I grant Institutional Repository UIN Sunan Kalijaga Yogyakarta the right to store them and to make them permanently available publicly for free on-line. I declare that this material is my own intellectual property and I understand that Institutional Repository UIN Sunan Kalijaga Yogyakarta does not assume any responsibility if there is any breach of copyright in distributing these files or metadata. (All authors are urged to prominently assert their copyright on the title page of their work.)

For work being deposited by someone other than its author: I hereby declare that the collection of files and associated bibliographic metadata that I am archiving at Institutional Repository UIN Sunan Kalijaga Yogyakarta) is in the public domain. If this is not the case, I accept full responsibility for any breach of copyright that distributing these files or metadata may entail.

Clicking on the deposit button indicates your agreement to these terms.