Slim Design System Plugin

ASBL's design system was growing, but maintaining it was still too manual. Token updates, component generation, and documentation work were repetitive, which slowed designers down and increased the chance of drift across files.

I identified the workflow bottlenecks, designed the plugin experience, and built a Figma plugin that automated the repetitive parts of system work.

• The plugin had to reduce effort without making the design process feel rigid.
• It needed to work inside existing team workflows instead of forcing a new one.
• Designers needed speed, but system integrity still had to be protected.

I spoke with the team to understand where system work was breaking down and prioritized three outcomes: automate predictable tasks, make the correct system path easier, and keep documentation closer to the work itself.

• Built a token engine: 320+ semantic tokens for color, type, spacing, radius, and shadows.
• Created a palette editor: designers could preview, search, and update token values more safely.
• Added component generation: common button variants and system patterns could be created in one flow.
• Used progressive disclosure: collapsible sections kept the UI usable without overwhelming designers.
• Synced documentation: spec pages for props, states, and usage reduced handoff ambiguity.