Проектирования систем в Figma - Видеоуроки

Design System in Figma
Duration 02:56:38
Открыть все курсы от designcode.io

Design System in Figma - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Design System in Figma 00:10:15
  • Урок 2. Basic Layout and Techniques 00:19:50
  • Урок 3. Constraints and Adaptive Layout 00:15:14
  • Урок 4. Styles and Team Library 00:22:02
  • Урок 5. Components and Nesting 00:18:44
  • Урок 6. Booleans and Shapes 00:13:41
  • Урок 7. Icons and Vector Network 00:30:30
  • Урок 8. Export, Inspect and Code in Figma 00:26:03
  • Урок 9. Multiplayer and Commenting in Figma 00:08:37
  • Урок 10. Prototyping and Interaction 00:11:42

Лишь несколько лет назад Figma стала первым инструментом дизайна, который использовал мощь и доступность Интернета, обещая те же мощные функции, которые вы ожидаете от нативного приложения. Они удивили всех своим сотрудничеством в реальном времени. Дизайнеры были в восторге, когда наконец смогли поделиться своими проектами с коллегами и клиентами с нулевым пониманием и увидеть одновременно несколько указателей мыши, рисующих фигуры. Это было похоже на волшебство.

С тех пор мы прошли долгий путь. Сегодня этот мгновенный подход к сотрудничеству оказался полезным для создания единой и надежной Системы Проектирования. Все существует в Интернете, и Figma в полной мере использует его, объединяя все для дизайнеров и разработчиков.

Что такое Проектирования Систем ?

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

Она начинается со стилей и компонентов в Figma, а затем перемещается в библиотеку команды, чтобы, наконец, стать компонентами кода, которые существуют в месте, на которое легко ссылаться, вносить вклад и управлять версиями, например, в git-хранилище.

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

Твоя оценка

7 0
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

30-11--0001 en 21 урок
leveluptutorials Mastering Figma
В этом курсе мы будем изучать Figma. Figma - это мой новый любимый интсрумент для разработки дизайнов, у которого есть много интересных фич, таких как кросс-платформенность, тоесть работает на Windows. Maс и Linux, а также действительно полезный функционал как в Google Docs collaboration (совместная работа). Также мне нравится его современный интерфейс и постоянные апдейты новых фич. Одним словом, Figma реально крутая штука, которую я использую...
Duration 03:37:49
42 2

Последнее добавленное

100 дней веб-разработки с Python

100 дней веб-разработки с Python

en
# 100DaysOfWeb в Python - это курс, который обеспечит вам успех, обучая вас веб-разработке на Python. Каждые 4 дня, посвященные другой концепции, вы будете поражены тем, сколько веб-технологий и библиотек Python вы изучите в этом путешествии. Присоединяйтесь к курсу и начните свое 100-дневное...
Практический JavaScript

Практический JavaScript

ru
Для изучения курса желательно знание HTML + CSS. Знание основы JS будет плюсом, но не обязательно. Делаем форму для регистрации и входа пользователей. На нативном JavaScript (ES6). Все эффекты прописываем с помощью JS самостоятельно. Пишем проверку (валидацию) формы с выводом ошибок.
Android юнит-тестирование и TDD

Android юнит-тестирование и TDD

en
Этот курс научит вас всему, что вам нужно знать о юнит тестировании и разработке через тестирование в приложениях для Android. Он разработан, чтобы быстро приступить к работе с юнит тестированием с использованием Android Studio и JUnit, выполнив серию тщательно разработанных практических упражнений.
Animating React

Animating React

en
В этой серии уроков мы с головой погрузимся в анимацию в React. Мы будем использовать библиотеку React Spring и physics based анимацию. Мы будем использовать очень много клевых техник которые можно и нужно использовать в реальных приложениях. Мы будем строить меню, модальные окна и все с чем вы...
chat
logo