Создайте дизайн-систему с нуля в Figma

Дизайн-системы становятся настолько популярными, потому что они делают продукты более последовательными, улучшают их удобство использования и сокращают время принятия дизайнерских решений. Замечательно! Но знаете ли вы, как их построить? В этом курсе вы узнаете, что такое дизайн-система и почему она так важна, но, что наиболее важно, вы научитесь создавать ее с нуля в Figma.

В этом курсе вы узнаете, как настроить все необходимые маркеры дизайна, например, как определять правильные сетки, макеты и интервалы, управлять значками и иллюстрациями, выбирать и создавать цветовые и типографические шкалы и, наконец, как создавать наиболее часто используемые компоненты, как кнопки, поля ввода, текстовые области, флажки, переключатели… Мы также увидим, как правильно называть компоненты, используя соглашения об именах. Наконец, мы увидим, как использовать дизайн-систему и как применить ее в ваших проектах или даже в вашей компании.

По окончании этого курса вы сможете создать свою собственную полную дизайн-систему и с уверенностью применять ее в любом месте.

Хотя в этом курсе мы будем работать с Figma, процесс, который я собираюсь объяснить здесь, можно воспроизвести в другом программном обеспечении, таком как Sketch или Adobe XD, поэтому, если вы не используете Figma, не волнуйтесь, вам тоже более чем рады и вы можете изучить новый инструмент по пути. Мы будем использовать весь потенциал Figma, создавая нашу дизайн-систему с вариантами и автоматическим макетом.