Lumos Design Toolkit

About this plugin

Lumos Design Toolkit is a powerful Figma plugin that streamlines your design workflow by providing essential tools for managing design systems, variables, text styles, and file organization. It helps designers maintain consistency, save time, and improve collaboration across design projects.

✨ Key Features

🎨 Variables Management

•Import from JSON – Bring your design tokens into Figma with just a few clicks

•Light & Dark Mode Support – Import variables for multiple modes effortlessly

•Smart Conflict Handling – Choose to overwrite, skip, or rename existing variables

•Organize with Collections – Group and manage your variables into clean collections

📝 Text Styles

•Create Custom Styles – Define fonts, sizes, weights, and line heights that match your system

•Apply in One Click – Select a text layer and apply styles instantly

•Live Preview – See exactly how your styles will look before creating

•Full Style Control – View, apply, or delete styles from a single interface

📄 Page Management

•Quick Page Creation – Add new pages without the manual setup

•Batch Mode – Create multiple pages at once by listing names line-by-line

•Organize with Ease – Rename, reorder, and delete pages from one place

🚀 Starter Templates

•Working File Structure – Automatically generate pages like Cover, Research, Drafts, and Final Designs

•Design System Setup – Instantly build a system with pages for Typography, Colors, Components, Layouts, Templates, and Docs