Loading...
Please wait a moment
Founded by passionate advocates of learning and innovation, Learni set out to make professional training accessible to everyone, everywhere in the world. Our team works in the largest cities such as Paris, Lyon, Marseille, and internationally, to support talents and organizations in their skills development.
10 spots per session maximum — 9 already taken
Which format do you prefer?
30 free minutes with a training advisor — no commitment.
Loading available slots...
Artificial Intelligence training in Raleigh in June 2026 with Learni. Certified, expert trainers, eligible for employer funding. Free quote.
Cybersecurity training in Sheffield in November 2026 with Learni. Certified, expert trainers, eligible for employer funding. Free quote.
Cybersecurity training in Oklahoma City in December 2026 with Learni. Certified, expert trainers, eligible for employer funding. Free quote.
Artificial Intelligence training in San Francisco in October 2026 with Learni. Certified, expert trainers, eligible for employer funding. Free quote.
The Training Atomic Design - Structuring Scalable Modular UIs training is delivered in-person or remotely (blended-learning, e-learning, virtual classroom, remote in-person). At Learni, a Qualiopi-certified training organization, each program is designed to maximize skills acquisition, regardless of the training mode chosen.
The trainer alternates between demonstrative, interrogative, and active methods (through practical exercises and/or real-world scenarios). This pedagogical approach ensures concrete and directly applicable learning in the workplace.
To ensure the quality of the Training Atomic Design - Structuring Scalable Modular UIs training, Learni provides the following teaching resources:
For in-house training at a location external to Learni, the client ensures and commits to having all necessary teaching materials (IT equipment, internet connection...) for the proper conduct of the training action in accordance with the prerequisites indicated in the communicated training program.
The assessment of skills acquired during the Training Atomic Design - Structuring Scalable Modular UIs training is carried out through:
Learni is committed to the accessibility of its professional training programs. All our training programs are accessible to people with disabilities. Our teams are available to adapt teaching methods to your specific needs. Do not hesitate to contact us for any accommodation request.
Learni training programs are available for inter-company and intra-company settings, both in-person and remote. Registration is possible up to 48 business hours before the start of training. Our programs are eligible for OPCO, Pôle emploi, and FNE-Formation funding. Contact us to discuss your training project and funding possibilities.
Discover the origins of Atomic Design. Study the 5 levels: atoms, molecules, organisms, templates, pages. Set up a working environment. Create your first simple atoms like buttons and inputs. Hands-on practice with concrete exercises. Launch the red thread project: a company design system. Analyze real cases of deficient UI maintenance. Develop professional skills in modularity.
Build molecules from atoms. Form fields, cards, navigation bars. Apply composition rules. Practical exercises on e-commerce business cases. Integrate consistent CSS styles. Test reusability in teams. Advance the red thread project with header and footer. Study common errors in non-atomic design. Strengthen skills in scalable systems. Professional simulations with feedback.
Assemble complex organisms: hero sections, sidebars, modals. Manage states and interactions. Use tools like Figma or Sketch. Exercises on professional dashboards. Integrate accessibility and responsive design. Progress on red thread project: main sections. Analyze business impacts of incoherent UI. Develop collaborative skills. Concrete cases of startups scaling with Atomic Design. Optimization for performance.
Move to templates: reusable layouts. Create complete coherent pages. Apply strict guidelines. Practical exercises on company landing pages. Integrate dynamic content. Test visual consistency. Finalize red thread project: key pages. Study production feedback. Strengthen certifiable skills. Hands-on practice with design code reviews. Prepare for team deployment.
Document your complete design system. Integrate CI/CD tools for developers. Optimize for scalable production. Final exercises on UI audits. Present red thread project to trainer. Analyze business ROI: 40% gain in development speed. Develop long-term maintenance skills. Concrete cases from leading companies. Close with multiple-choice quiz and personal action plan. Access to post-training resources.
Target audience
UI/UX Designers, front-end developers, digital project managers seeking to upskill in design systems
Prerequisites
Basic knowledge of HTML, CSS, and web design principles
Loading...
Please wait a moment





























