10 хитростей Figma, которые я хотел бы знать раньше

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

Передовой опыт разработки | Автоматический макет в Figma

Введение с примерами, чтобы вы наконец смогли понять, как Auto Layout работает в Figma, и как вы можете использовать его для автоматической адаптации ваших дизайнов. Автоматическая компоновка — одна из самых важных функций в Figma, универсальность которой отличает ее от других инструментов проектирования. Короче говоря, он позволяет вам структурировать компоненты и фреймы таким образом, чтобы…

36 уроков для новичков по Figma

Интерфейс Манипуляция с объектами Frame & Slice tool Векторные объекты Работа с кривыми и пером Слои и маски Текст Цвет Сетки и направляющие Стили Constraints Компоненты Выравнивание и умное выделение Прототипирование Интеграция и экспорт Обзор интерфейса: аккаунт, история версий, мультипросмотр макета Обзор меню и предпочтений Инструменты и калькулятор Панель слоев и массовое Модульная сетка в…

Socialsizes — все размеры изображений для социальных сетей в Sketch, Figma и XD | by Komarov Design | Mar, 2021

Socialsizes — это крутой и удобный сервис, на котором собраны все размеры изображений для популярных социальных сетей. На сайте вы можете скачать готовые макеты и шаблоны размеров Sketch, Figma, XD, Photoshop и Illustrator. https://socialsizes.io Размеры изображений для социальных сетей На сайте вы можете узнать какой размер видео, сторис, обложки, аватарки, фона для: Facebook Instagram LinkedIn…

Приемы и Фишки: Разметка элементов в Figma

Приемы, которые облегчат жизнь вам и вашим фронтендерам или QA. А главное сократит количество несоответствий верстки к дизайну. Проблема Наверное мало кто замечал но если зайти в фигму с правами “can view” и навести курсор на элемент который не имеет цвет заливки то фигма не отобразит границы элемента. Даже если вы присвоите элементу обводку или присвоите…

Примы и Фишки. Разметка элементов в Figma

Приемы, которые облегчат жизнь вам и вашим фронтендерам или QA. А главное сократит количество несоответствий верстки к дизайну. Проблема Наверное мало кто замечал но если зайти в фигму с правами “can view” и навести курсор на элемент который не имеет цвет заливки то фигма не отобразит границы элемента. Даже если вы присвоите элементу обводку или присвоите…

Dlex: Figma — приборная панель Nile

Приборная панель Нила Высококачественный пользовательский интерфейс с современным интерфейсом. ] Тщательно разработан для лучшего UX Nile Dashboard — это не просто современный и красивый пользовательский интерфейс, мы также создали каждый компонент, чтобы обеспечить лучший пользовательский опыт, мы сделали это, исследуя ведущие отраслевые стандарты предприятия, и мы создали компоненты и макеты, которые удовлетворяют требованиям этих предприятий,…

Приёмы и Фишки. Разметка элементов в Figma

Приёмы и Фишки О чем статья? Всем привет, меня зовут Андрей Насонов, я UI/UX дизайнер, работаю руководителем дизайн отдела в Elonsoft, это моя серия статей про фишки, трюки и прочие выкрутасы в Figma 🙂 Это статья для дизайнеров, но будет полезна и другим членам команды. Хочу поделится приемом который облегчит жизнь вам и вашим фронтендерам или QA.А главное сократит…

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

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

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

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