Туториалы

Как открыть файл Adobe XD в Figma

Нет-нет да и случится потребность открыть файл AdobeXD в Figma. Стандартными способами сделать это не получится, а вот через небольшой костыль — вполне. Тут, в отличии от открытия psd проблем нет. Заходим на сервис xd2sketch точка com быстренько конвертим в нем файл .xd в .sketch, который с легкостью можно открыть в Figma, Читай подробное сравнение …

Как открыть файл Adobe XD в Figma Читать полностью »

Auto Layout в Figma на русском языке

Совсем недавно фигма выпустила в релиз Auto Layout и это очень круто. При этом они любезно прикрутили файл в котором рассказывают как работает авто лайаут в фигме, но есть небольшая проблемка… по эту сторону экватора далеко не все умеют в английский. Вот я и решил предать переводу дефолтный док фигмовцев, чтобы все вокруг вкусили всю …

Auto Layout в Figma на русском языке Читать полностью »

Как создать свою библиотеку компонентов в Figma

Фигма становится все более популярным инструментом среди разработчиков и веб дизайнеров. Да, разрабам то же она зашла хорошо, в большей степени из-за того, что наша программа хорошо заточена для командной работы, не то что этот ваш фото..как там его… ну вы поняли. Особенной прелестью фигмы является даже не компоненты или ограничения, а возможность создавать командные …

Как создать свою библиотеку компонентов в Figma Читать полностью »

Текст в Фигма. Работа с текстом в Figma

В Фигме есть хорошие возможности для работы с текстом через специальный тип слоёв. Чтобы создать текстовый слой, нажимаем T и кликаем в нужное место, либо растягиваем блок как прямоугольник или фрейм и в нем уже можно писать. Шрифты из Google Web Fonts Круто: в Фигме по умолчанию доступна вся библиотека шрифтов Google Fonts, Не круто: …

Текст в Фигма. Работа с текстом в Figma Читать полностью »

Линейный градиент в Фигме

Градиент — это плавный переход между несколькими цветами. По умолчанию каждый созданный шейп в фигме заливается сплошной заливкой. Ты всегда можешь изменить его на линейный, ангулярный, круговой и диамант. Суть работы с градиентов в Figma одинаковая для всех режимов. Ты можешь создать новый слой заливки на шейп и она по умолчанию создастся линейной Чтобы изменить …

Линейный градиент в Фигме Читать полностью »

Размытый градиент Figma

Градиенты нынче в моде, равно как и размытие и фигма вполне может создавать размытый градиент для изображений. Размытый градиент в фигме Сделать плавный переход между четким изображением и размытым можно при помощи маски. Для этого тебе понадобится три слоя и сложить их один под другим. Самое главное тут, чтобы верхний и нижний слои были одинаковыми, …

Размытый градиент Figma Читать полностью »

Как сделать плавный переход между фото в Фигме

Казалось бы, что программа у нас векторная и с растром работать полноценно не получится, но если применить смекалочку, то можно добиваться крутых эффектов вроде плавного перехода между изображениями и в Фигме это возможно. Плавный переход между фото в Figma Для полноценной работы нам понадобится два любых фото. Основная работа будет происходить с одним из них. …

Как сделать плавный переход между фото в Фигме Читать полностью »

Как изменить цвет PNG иконки в Figma

Довольно популярный вопрос, как у новичка, так и  у профессионала — как же в этой долбанной фигме пенять цвет png иконки? Да, действительно, поменять цвет растровой иконки совсем не просто, ведь фигма у нас векторная и приспособлена использоваться SVG иконки, а там все меняется довольно быстро и просто. Но пнг — это растр, фигма не …

Как изменить цвет PNG иконки в Figma Читать полностью »

Сетка в Figma Направляющие в Фигме

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

Сетка в Figma Направляющие в Фигме Читать полностью »

Как загрузить шрифты в Figma

Фигма, как ты знаешь, работает в облаке, будь то десктопная или браузерная версия. Работа в обоих версиях особо не отличается, есть только небольшая разница в подключении шрифтов. Шрифты в десктопной версии Фигма В этой версии программы подтягиваются все шрифты с твоей локальной машины + шрифты из гугл.фонтс. Все, что есть в этой библиотеке уже автоматически …

Как загрузить шрифты в Figma Читать полностью »

Спасибо

Введите вашу почту и мы пришлем на нее ссылку на файл

E-mail: