Разбираемся с Figma Variants + Auto Layout на примере создания кнопок
Сегодня я собираюсь показать вам, как использовать Variants + Auto Layout для создания надежного компонента кнопки
Категория
Figma
59 статей
Проектируйте, прототипируйте и создавайте дизайн в браузере – с Figma. Облачный графический редактор для совместной работы в режиме реального времени. Каждый участник проекта контролирует свою часть творческого процесса и постоянно синхронизируется на любой платформе.
Использование блоков-разделителей вместо отступов в Figma
В этой статье я хотел бы поделиться с вами рядом новых идей и мыслей о концепции разделителей в figma
Как просто конвертировать дизайн-систему из Figma в Sketch?
Как преобразовать дизайн-систему из Figma в Sketch и насколько хорошо это можно сделать? - Давайте попробуем
Как сделать простые интерактивные кнопки в Figma за 2 шага
Создание кнопок, которые ведут себя как кнопки – это маленький шаг к тому, чтобы ваши прототипы действительно ожили
Почему вам стоит создать свое портфолио в Figma
Любой продуктовый дизайнер хочет продемонстрировать свои работы. Однако, зачастую мы не понимаем, как это сделать
Как работает новая функция Auto Layout в Figma (ноябрь 2020). Рай адаптивного дизайна
Все меню auto-layout было переработано и стало намного лучше, тем более что вы можете объединить новые функции с ограничениями (называемыми resizing фреймов auto-layout)
Компоненты Figma с фиксированным соотношением сторон
Сохраняйте соотношение сторон вложенного элемента при изменении размера родительского элемента
Откройте для себя Figma Community
В течение следующих двух недель сообщество Figma откроется для всех пользователей Figma, что позволит вам просматривать и искать…
Как создавалась функция shadow spread в Figma
Вы можете настроить размер тени в Figma для прямоугольников, эллипсов, фонов фреймов и фонов компонентов, совсем как с помощью параметра CSS box-shadow
Как создать Starter Kit в Figma
Позвольте мне показать вам, как создать мощный и универсальный Starter Kit для вашего следующего проекта
Переход на Figma: экономическое обоснование, процесс и библиотеки
По многим причинам решили перейти на Figma. Я задокументировал процесс перехода и решил написать об этом статью
Хардкорные карточки на Auto Layout – Figma компоненты, часть 2
Продолжаем оптимизировать UI-kit и дизайн-систему необычными способами. В прошлый раз мы разбирали хардкорные ячейки, многим зашла эта тема, поэтому…
Создаем библиотеку компонентов в figma. Часть1: типографика, цвета и стили
Эта серия статей будет полезна новичкам, тем, кто еще сомневается, переходить ли в Figma, Sketch или XD и…
Ультимейт шаблон скриншотов для стора в Figma
Чтобы не тратить каждый раз время на разворот скриншотов для стора, я сделал гибкий шаблон в Figma на Auto Layout…
Как маленькая команда создала дизайн-систему сайта figma.com
Figma – это инструмент для совместного проектирования интерфейсов, он улучшает процесс проектирования отдельных дизайнеров и команд. Но проведя…
Почему 90% дизайнеров юзают Color Styles в Figma неправильно?
Это статья не про тёмную тему и как её делать, а про систему цветов в дизайне интерфейсов
Лучшие плагины Figma на 2020 год, которые заслуживают вашего внимания
Мы выбрали самые свежие и недооцененные плагины Figma, которые ускорят разработку дизайн-систем
Обновление Figma: автоматизация, продвинутая совместная работа и обмен файлами
Мы анонсируем 7 новых функций. Они помогут дизайнерам быстрее работать, а продуктовым командам лучше взаимодействовать
Советы по функции Auto Layout в Figma
Функция Auto Layout довольно проста в использовании, но вы можете устроить беспорядок, если не будете осторожны
Больше дизайна и меньше ресайза с функцией Auto Layout в Figma
Мы рады сообщить, что теперь функция Auto Layout доступна в Figma! Кнопки могут изменять размер вместе с текстом в них. Списки могут перестраиваться, когда их элементы перемещаются
Ода OpenType: Как я влюбился в тайный мир шрифтов
Теперь Figma поддерживает функции OpenType во всех используемых вами шрифтах: локальных шрифтах, шрифтах Google и шрифтах вашей компании.
Прощай Sketch…
Часто возникает вопрос: «Какой инструмент дизайна лучший?» И долгое время ответом был Sketch, но теперь это не так.
10 советов по использованию компонентов в Figma
В этой статье я объясню, что такое компоненты, как они работают, и дам ряд рекомендаций по их использованию
Переход со Sketch на Figma: пример миграции дизайн-систем
В этой статье представлен опыт Help Scout по переносу дизайн-системы из Sketch в Figma
Опыт создания паттернов в Figma и развитие креативности
Я люблю делать паттерны. Настолько, что недавно бросила себе вызов – каждый день создавать новый паттерн
