
Design System Vibe Coding: Fix the Context Gap
Why AI coding tools ignore your Figma tokens - and how to fix it with DTCG export, Style Dictionary, AGENTS.md context files for Cursor and Claude Code.
Leer artículo
Senior UI/UX Designer · Founder of Atomize
LinkedInVitalina Makus is a senior UI/UX designer who specializes in design systems - the token layers, component architecture, and governance structures that keep product UI consistent as teams and products scale.
She has built and maintained shared design libraries across a range of product organizations, covering initial audits and token structure through contribution workflows and long-term library maintenance. Her work spans marketing surfaces, dense data-heavy applications, multi-locale transactional flows, and public-sector digital services.
She founded Atomize to solve a problem she encountered repeatedly: Figma Variables are a solid token foundation, but getting those values into a codebase reliably - without manual effort or drift - required a tool that didn't exist. Atomize automates that pipeline, from Variable setup and semantic token naming to JSON, CSS, and TypeScript export with GitHub sync.
She writes about design systems on the Atomize blog, covering Figma design tokens, Variables, dark mode architecture, plugin workflows, and the governance habits that separate systems that scale from libraries that decay.
She works with product and engineering teams on naming conventions, export pipelines, and release processes - the operational layer of a design system that tooling accelerates but cannot replace.
Atomize
A Figma plugin for design system teams - automates token export, Variable setup, semantic naming, and GitHub sync so design values reach the codebase without manual effort or drift.
Design system consulting
Hands-on engagements with product teams: token audits, library architecture, contribution governance models, and rollout playbooks for teams at different stages of maturity.