Как я программно создал в Figma 256 новых компонентов дизайн-системы

Дизайна-cистема Uber Base предлагает набор компонентов маркеров карты, которые широко используются в наших продуктах и ​​отображаются всякий раз, когда мы показываем карту пользователю. Недавно мы столкнулись с необходимостью показать дополнительный контекст и решили добавить для этого бейджи – существующий базовый компонент. Проблема заключалась в том, что и маркеры карты, и бейджи имели несколько вариантов. Маркеры можно настроить по…

Создание сложных вариативных компонентов в Figma

Когда я начала заниматься вариантами, содержащими множество свойств, я поняла, что проект может экспоненциально усложняться. С помощью моей команды я смогла сузить область действия создаваемого компонента и тщательно протестировать его. Эта статья предназначена для дизайнеров, которые имеют базовые знания о вариантах в Figma и уже создали несколько. Надеюсь, она поможет разобрать ваш вариант и даст несколько полезных советов, что…

Как повысить мощность ваших компонентов с помощью вариантов Figma

Более 1200 курсов и электронных книг Дизайн, код, редактирование видео, бизнес и многое другое. Adobe Photoshop, Illustrator и InDesign Графика, логотип и полиграфический дизайн Sketch, Adobe XD и Figma WordPress Javascript, PHP и Python Adobe After Effects & Premiere Pro Многое другое Миллионы творческих ресурсов Шаблоны дизайна, стоковые видео, фото и аудио и многое другое.…

Как организовать файлы в Figma?

За два года я успела попробовать много способов хранения и структуризации файлов в Figma. Эта статья сфокусирована на работу в продуктовых командах, но возможно в опыте студии это тоже будет полезно. Не забудь, когда организовываешь Когда первый раз создавала структуру файлов в Figma, моя ошибка была в том, что я недостаточно общалась на эту тему с…

Курс по Фигма: 21 урок в помощь новичкам

Это подробный, понятный, интересный и бесплатный курс по Фигме 🙂 Без воды и по делу на обычном языке и на живых рабочих примерах! Обзор интерфейса: аккаунт, история версий, мультипросмотр макета Обзор меню и предпочтений Инструменты и калькулятор Панель слоев и массовое Модульная сетка в Фигме Привязки (constraints) в Figma Компоненты в Фигме #1 — Простые…

Курс по Фигма

Это подробный, понятный, интересный и бесплатный курс по Фигме 🙂 Без воды и по делу на обычном языке и на живых рабочих примерах! Обзор интерфейса: аккаунт, история версий, мультипросмотр макета Обзор меню и предпочтений Инструменты и калькулятор Панель слоев и массовое Модульная сетка в Фигме Привязки (constraints) в Figma Компоненты в Фигме #1 — Простые…

Figma: лучшие плагины для оптимизации рабочих процессов | by Anthony Fomin | Sep, 2020

Для меня, как для дизайнера, время является ценнейшим ресурсом, который всегда в избытке. Главным правилом моего тайм-менеджемента остается оптимизация рутинных процессов. “Не делай руками то, что может сделать за тебя подходящий скрипт. Не рисуй с нуля, если можно переиспользовать готовое решение.”– как-то так должен звучать манифест этого принципа. В течение долгих лет работы в Sketch…

Как создать эффект матового стекла в Figma

1200+ курсов и электронных книг Дизайн, код, редактирование видео, бизнес и многое другое . Adobe Photoshop, Illustrator и InDesign Графика, логотип и дизайн для печати Sketch, Adobe XD & Figma WordPress WordPress Javascript, PHP & Python Adobe After Effects & Premiere Pro Гораздо больше Шаблоны дизайна, стоковые видеоролики, фотографии и аудио, и многое другое. Графические…

Использование Auto Layout компонентов в Figma | by Irina Bushueva | Jul, 2020

Самым сложным было организовать секцию деталей: она должна поддерживать многострочные параметры. Это означает, что все блоки должны вести себя в соответствии с объемом контента, который имеют блоки выше. Блок может иметь от одной до трех строк параметров, поэтому нам необходимо поддерживать любые конфигурации в этих пределах: От 1 до 3 строк Строки могут иметь 4…

Полезные плагины Figma. Часть первая

Когда я писал обзор на Фигму в прошлом году, в недостатки я ей привёл отсутствие плагинов. Это был достаточно сильный минус программы, в который тыкали пальцем скетчефилы и динозавры, до сих пор делающие сайты в фотошопе-иллюстраторе-индизайне. Но разработчики не стояли на месте и в том же 2019 выкатили API для написания расширений на яваскрипте —…