Дизайн в Figma с нуля

Приветствую, дорогие читатели! Вы уже знаете из наших прошлых статей, что Figma — это круто. Но первые 10 минут в ней могут напугать кого угодно: куда кликать? как выделить? почему все такое маленькое? Если вы переходите в Figma из Excel или PowerPoint, ваши привычки могут сыграть злую шутку. Здесь свои правила! Сегодня я стану вашим гидом по «подводным камням» интерфейса. Запоминайте 7 главных секретов, с которыми Figma станет вашим лучшим другом. 1. Выделение нескольких объектов: Забудьте про Ctrl! В Excel, чтобы выбрать несколько ячеек, мы зажимаем Ctrl...

Приветствую, дорогие читатели! Сколько раз вы сталкивались с такой ситуацией: видите вдохновляющий дизайн с красивым шрифтом, хотите повторить — а его нет в стандартной библиотеке Figma? Или бренд-бук вашего клиента требует использования специфического корпоративного шрифта? Сегодня мы раз и навсегда разберемся, как установить в Figma ЛЮБОЙ понравившийся шрифт. Весь процесс займет не больше 5 минут! Шаг 1: Находим и скачиваем шрифт Первым делом нам нужен сам файл шрифта (обычно в формате .ttf или ...

Приветствуем, дорогие читатели! Помните, как мы с вами создавали первую кнопку, изучали инструменты и работали с цветами? Теперь пришло время собрать все знания воедино и освоить последний штрих, который превращает макет в шедевр — искусство типографики. Вы наверняка заметили: в профессиональных макетах текст выглядит иначе. Он не просто «написан», а тщательно выверен. Сегодня я научу вас тем же приемам, которые используют дизайнеры в топовых студиях. Мы уже знаем, как важно называть слои и создавать стили цветов...

Приветствуем, дорогие читатели! Помните наши первые статьи про основы Figma? Мы уже научились создавать фреймы, работать с текстом и цветом. Но настоящая магия начинается тогда, когда вы подключаете к Figma плагины. Плагин — это маленькое дополнительное приложение внутри Figma, которое умеет делать то, чего нет в стандартном функционале. Что делает: Вставляет высококачественные бесплатные фото прямо в макет. Почему это маст-хэв: Больше не нужно переключаться между браузером и Figma! Ищете фоновое...

Приветствую, дорогие читатели! Помните, как мы создавали нашу первую кнопку? Синий прямоугольник, белый текст — уже смотрелось неплохо. Но мир дизайна гораздо красочнее! Цвет — это не просто «красиво». Это язык, который сообщает пользователю: «Это кнопка», «Здесь заголовок», «А это — предупреждение». Сегодня мы будем волшебниками, в чьих руках цвет оживает. Мы научимся не просто красить элементы, а управлять цветом осознанно и эффективно. Допустим, мы хотим перекрасить нашу старую кнопку из синей в сочный зеленый...

Приветствуем, дорогие читатели! Мы с вами уже создали свою первую кнопку, используя фигуры и текст. Но что творится у вас на панели слева? А там, скорее всего, скромно притаились два слоя с названиями «Rectangle» и «Text». Пока это мило и безобидно. А теперь представьте, что через месяц работы над большим сайтом у вас здесь будет 257 слоев с именами «Rectangle 154», «Frame 43 Copy», «Group 12». Найти нужный элемент станет невозможно. Знакомое чувство? Чтобы этого не случилось, давайте с самого начала подружимся с панелью слоев...