We master Figma. We create a palette according to web accessibility standards, build a basic set of fonts, and learn tools for rapid prototyping.
In this course, we have two goals: to learn the tool and get the right vector for building digital projects and products. We also want to automate technical skills so that we can focus on the task at hand, not on the way it is done.
During the training, we will develop the correct consistent approach to working in front-end graphic editors using Figma as an example. You will receive a lot of memos and checklists on interface elements that you will need to work at the Junior and Intermediate levels.
Course program
Introduction to Figma
- Let’s talk about a new era in the history of graphic editors. For which tasks Figma is suitable and for which it is not.
- Customizing the workspace.
- The most important plugins.
- Teams, projects, and design files.
The perfect banner
- Workspace. Frames. Styles.
- What is Auto Layout and how to work with it.
- How to speed up your work. How to quickly make design variations and easily make changes.
Interface design. Part 1.
- Design approach and its stages.
- What is a wireframe and what is it for?
- Working with references.
- Distances and sizes.
- Button and inputs.
Designing the interface. Part 2
- The power of Figma.
- What interface design and LEGO have in common.
- Checklists: fonts, palette, button, inputs.
- Colors and web accessibility standards.
- Components and options.
- Button states.