Nigma

+25
с 01.04.2024

Это секрет!

22 подписчика
1 подписка
Figsight #12: Автоматический оверлей
Figsight #12: Автоматический оверлей

Как заставить Figma автоматически включать оверлей при переполнении текстового поля? Разберемся в этой статье.

11
Figsight #11: Абсолютный ластик
Figsight #11: Абсолютный ластик

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

11
Figsight #10: Доппельгангер
Figsight #10: Доппельгангер

Сегодня разберём, как можно переключать свойства вложенных компонентов и как использовать этот метод в UI Kit-ах.

Figsight #9: Война за память
Figsight #9: Война за память

Сегодня поговорим о том, как лучше организовывать компоненты
в Figma. Разберём основные варианты — от простых до самых необычных — и выясним, какой подойдёт именно вам.

11
Figsight #8: Добавляем логику. Часть 2

Сегодня мы обсудим интересную задачу: как воссоздать булеву логику для Component property в Figma, если её там нет? Давайте разберёмся в этом исследовании.

Figsight #8: Добавляем логику. Часть 2
11
Figsight #7: Добавляем логику. Часть 1
Figsight #7: Добавляем логику. Часть 1

Сегодня мы обсудим интересную задачу: как воссоздать булеву логику для Component property в Figma, если её там нет? Давайте разберёмся в этом исследовании.

11
Figsight #6: Метод тени

Как можно объединить преимущества разных способов ресайза текста — Fill и Hug — и использовать их одновременно? Как правильно поставить иконку рядом с текстом, не ломая макет? Давайте разберёмся вместе.

Figsight #6: Метод тени
Figsight #5: Снимаем маски

И снова о полях ввода. Можно ли имитировать ввод по маске? Ответ ждёт в этой статье.

Figsight #5: Снимаем маски
11
Figsight #4: Охота за брейкпоинтами

Разберёмся, как меняли компоненты при достижении определённых значений раньше и как можно это делать сейчас.

Figsight #4: Охота за брейкпоинтами
33
Figsight #3: Трансмутация

Можно ли создать в Figma компонент, который будет скрывать пароль так же, как это делают поля ввода? Сейчас выясним!

Figsight #3: Трансмутация
11
Figsight #2: Учимся исчезать

Часто при разработке компонентов бывает нужен градиент-оверлей, постепенно скрывающий контент. Обычно его называют Fade overlay или Edge overlay. Сделать такой эффект достаточно просто. Как? Разберёмся в этой статье!

Figsight #2: Учимся исчезать
44
Figsight #1: Оборачиваем текст вспять

Сегодня изучим простой приём, который позволяет приблизить компонент к настоящему полю ввода.

Figsight #1: Оборачиваем текст вспять
22