Дневник онлайн-курса от Skillbox

1.1 Введение в Figma. Обзор возможностей

Figma — первый облачный инструмент для разработки пользовательского интерфейса, позволяющий вести совместную работу в режиме реального времени.

Figma это облачный сервис

Все файлы и проекты хранятся в облаке. Чтобы попасть на главную сайта figma.com нужно выйти из своего аккаунта после авторизации или открыть его в другом браузере.

Командная работа

Интерактивные прототипы

В подвале сайта много полезных инструментов и не только.

Figma условно бесплатный сервис. В рамках курса рассматриваемый тариф Free, в нем почти нет ограничений по функционалу. Для изучения Figma как инструмента бесплатного тарифа достаточно.

C Figma можно работать как из браузера, авторизуясь, так и с декстопной версией, которую можно скачать так же на сайте figma.com. Браузерная версия и декстопная (приложение) мало отличаются между собой.

Интерфейс Figma делится на две части —редактор и файловый менеджер.

Какие проекты делают в Figma?

1.2 Домашнее задание

1. Зарегистрироваться на www.figma.com, установить приложение для десктопа.

2. Создать и настроить свою тестовую команду. Задать ей имя и аватар.

3. Скачать и импортировать в проекты команды “скетч-файл” дизайн-системы от IBM Carbon Design Kit. Ознакомиться со структурой проекта. Скачать его можно в ссылке .

4. Перейти по ссылке. Если вы не авторизовались в Фигме в браузере, то нужно сделать это и скопировать в свои проекты данный файл с концепцией дизайна интерфейса автомобиля Tesla. Также перенести его в файлы тестовой команды и ознакомиться с проектом.

Прислать скриншот экрана с открытой программой Figma, где мы сможем рассмотреть макеты, которые вы интегрировали.

Работа с графикой

2.1 Инструмент Edit

--

--