Статистика ВК сообщества "Веб дизайн в Figma"

Привет, Друзья

В не простое время живем. Есть некоторая вероятность проблем работы фигма.
Вот несколько способов обезопасить себя и бан фигмы сделать не таким болезненным.

Способы:
- Делаем бекап важных файлов (локальные копии файлов)
- Ставим vpn в браузер. Поможет только с браузерной версией, как я понимаю
- Создай второй акк на gmail или другой нейтральной почте. Копируй туда важные файлы
- Обрати внимание на альтернативные редакторы: framer, lunacy, xd, sketch. Нет гарантии, что их не забанят, но все же. Я бы обратил внимание именно на Framer. Он крутой. lunacy умеет открывать файлы .fig.

Берегите себя, оставайтесь людьми и профессионалами своего дела

Всем добра

UPD adobe уже все

#Фишки
Когда мы выбираем несколько объектов с разными размерами в поле пишется размер mixed. Если мы к mixed прибавим/убавим нужное нам число, размер каждого выбранного элемента изменится на это число. Удобно массово изменять размеры разных объектов.

#Юмор
Оригинальная 404

Один из нашей команды разработчиков будет наказан за эту ошибку. Выберите кого уволить

Shift + X — меняет местами цвета заливки и обводки. Работает и в других редакторах.

#Фишки
Как в Figma при наведении показывать/скрывать слои

- Создаем фрейм состоящий из слоя на который будем наводить и который будет появляться.
- Создаем копию этого фрейма. Скрываем в нем слой, который будет появляться
- Создаем из этих фреймов сет компонентов
- Переходим в режим прототипирования
- Внутри сета компонентов создаем связь: Фрейм без слоя, который будет появляться -> фрейм с этим слоем.
- В настройках ставим while hovering / smart animate
- Вытаскиваем из сет компонентов фрейм "без слоя"
- В предпросмотре прототипа наслаждаемся результатом

По такому же принципу можно и убирать слои при наведении.

#Фишки
Как в Figma создать суперэлипс

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

Погнали

Делаем круг. После его копируем и копию пропорционально уменьшаем. Чем больше уменьшим копию, тем более "пузатой" получится фигура в итоге. Как-то обозначь меньший круг, чтобы его было видно на фоне основного.

Ставим направляющие, как на видео, Они будут нашими ориентирами. Выбираем нижний круг, двойной клик, чтобы появились опорные точки. Далее симметрично тянем за усики до направляющих (shift+ctrl). Обязательно перепроверь себя, чтобы каждый усик дотянулся до направляющей, А то фигура получится кривой.

Фигура готова

#Фишки
Создание круговой диаграммы

O - Создаем элипс
Тянем за точку на элипсе
Создаем "бублик"
i - пипетка. выбираем нужный цвет
ctrl d - создаем копию слоя
i - пипетка. выбираем нужный цвет для нового слоя
Тянем за точку на элипсе до нужного значения окружности. В панели можно точно указать %

Готово

#Фишки #Обновления

Мелкие обновления Auto Layout

1. Отрицательный отступ
Теперь в AL мы можем применять к элементам отрицательный отступ. Удобненько. Так же, отрицательный отступ можно применять к элемента вне AL

2. Верхний элемент
Появилась возможность выбирать очередность элементов сверху вниз в AL. Примечательно, что в слоях элементы не меняют свое положение.

Ctrl/⌘ + E — объединение объектов в один векторный элемент. Если свойства элементов различны, то будут взяты настройки верхнего элемента в слоях.