Begin with the Structure Behind the Interfaces
Free Kit is the opening course in the Dreqalixana learning route for Figma Design Systems. It introduces the reasoning, organization, and documentation methods used to turn repeated interface decisions into a clear system foundation.
The course begins with observation rather than a large component library. You will examine interface elements, identify repeated choices, group related resources, define visual roles, and document rules that can be reviewed by another learner.
Free Kit is designed as a structured starting point for learners who want to understand how foundations, components, patterns, and written guidance connect within one interface system.
The course is divided into eight connected modules:
01 — System Thinking
Learn how foundations, components, patterns, and documentation form one connected structure. Create a simple system map showing how interface decisions influence one another.
02 — Interface Audit
Review existing screens and collect repeated colors, text styles, spacing values, controls, cards, fields, states, and content arrangements. Separate purposeful variation from accidental differences.
03 — Visual Foundations
Organize color by role, create a small typography structure, define spacing relationships, and record corner, border, and surface guidance.
04 — Reusable Components
Study component purpose, anatomy, optional parts, properties, variants, states, and content boundaries. Develop one component family based on real interface examples.
05 — Naming and Structure
Create readable names for foundations and components. Arrange resources into a library structure that supports search, comparison, and later review.
06 — Interface Patterns
Combine components into recurring task and content arrangements. Document layout, hierarchy, spacing, responsive behavior, and state changes.
07 — Documentation
Write clear component guidance covering purpose, anatomy, properties, states, content rules, examples, related resources, and situations to avoid.
08 — Review and Maintenance
Compare the finished resources, identify duplication or missing guidance, record decisions, and prepare a basic maintenance checklist.
What You Will Create
During the course, you will prepare a small design-system reference containing:
- A system relationship map
- An interface element inventory
- A visual foundation reference
- One documented component family
- A naming and library guide
- One reusable interface pattern
- A component documentation page
- A review and maintenance record
These materials are brought together in the final Free Kit project.
Final Course Project
The final project asks you to select one focused interface area, such as a form, settings page, search section, content layout, or simple dashboard.
You will review its existing elements and arrange them into a connected starter system. The finished project should show how foundations influence components, how components form patterns, and how documentation explains the current decisions.
The project remains intentionally focused. Its purpose is to establish a clear working method before moving into wider component libraries and more detailed system structures.
Who Free Kit Is For
Free Kit is suitable for:
- Learners beginning their study of design systems
- Interface designers who want to organize repeated decisions
- Learners preparing a small component library
- Designers reviewing an existing interface for consistency
- Anyone interested in structured naming, documentation, and system thinking
No previous design-system course is required.