A Design System is a unique repository shared by designers and developers, it is agnostic because it does not depend on any technology and is alive because it evolves over time. It facilitates evolutions thanks to a version sharing system and saves time for teams in addition to being Agile as shared by all.
At the end of this training, you will know:
Identify a Design System need
To build an environment for a Design System
Choose your favorite the tools adapted to a design system according to the problems
How to donate (UK) management of the design phase
exploit Design System co-creation workshops
Organise the road map
How to donate (UK) design system management
≣ Appreciation of the training
This training is new to the UX-Republic catalog.
Overall average: -/10
Organization assessment: - / 4
Goal assessment: - / 4
Evaluation of the service: - / 4
The ratings will be the synthesis of the cumulative assessments of our trainees.
≣ Pedagogical and technical modality
During these two days, you will benefit from an immersive training experience.
You will be required to implement all the design stages of a Design System: its preparation, its organization, its management and its design in order to solve a concrete problem on the basis of a design challenge. Our consultant-trainer will accompany you in the realization of the various practices and their expectations.
Our training courses are based on the know-how of our consultants and illustrated by their feedback
Our curriculum is designed according to the following principles:
Répartition learning time between 40% theory & 60% practice
Illustration of the Design System on concrete cases
Put into practice of the Design System and its management on a design challenge
Trades regularly with the trainer and the participants
Evaluation and analysis by a trainer-consultant expert in Design System
Educational materials: each of the learners has a download link with the training materials.
Teaching materials : provision of all the collaborative material.
Technology: a large screen or a video projector is necessary for the projection of the training material and a Figma link plus a Sketch license to support hands-on exercises.
A 3-month access to OpenClassrooms is included to ensure a 360° increase in skills, know-how and know-how.
You will receive an email giving access to the OpenClassrooms platform when your training experience begins.
For this training, we recommend the course “Structure your company's internal communication".
Learners with disabilities, we are at your side to identify the most suitable arrangements for teaching methods and materials or the relevant human aids.
To be definitive, an order must be expressly formulated on paper via the registration form on our site. For any registration, an acknowledgment of receipt and the training agreement are sent to the registration manager.
Access times may differ from 1 to 15 days depending on the method of payment. For all companies resident in France, the payment of the price of the training is to be made upon receipt of the invoice. For all companies resident outside France and people with a self-employed activity, the payment of the price of the training is to be made before the day of the training, in cash and without discount.
Day 1: Introduction - Preparation - Creation
1 - 1
Introduction to the Design System
- Brad Frost & the atomic design - Definition of the design system - Lexicon - Material design - The benefits / risks of a design system
1 - 2
Preparing an environment for Design system
- The audit phase - Road map design system - The tools
1 - 3
Manage an agile design system
- Workflow tools - Who does what ? - Governance models - Agile workflows - Practical exercise: managing a DS team - To remember
1 - 4
Create a design system and its documentation
- Design principles - ux writing - The guidelines - 2020 UI trends - Practical exercise: Designing a DS
Day 2: Getting started sketch - figma
2 - 1
Create a design system in sketch
- Observation of a design system under sketch - Focus on the functional particularities of sketches - Practical exercise: create a design system in sketch
2 - 2
Create a design system under figma
- Observation of a design system under figma - Focus on the functional particularities of figma - Practical exercise: create a design system in figma
2 - 3
Export a design system to a sharing tool
- Export from sketch in Invision DSM - Export from figma in Zero eight - Comparison of tools in 2020