Jitter
Где-то с марта с переменным успехом балуюсь с интерфейсными анимациями в джиттере. Уже давно вынашивал план заменить слайдшоу полноценными анимациями у себя на сайте.
Времени всегда не хватает, поэтому вкатываться в АЕ и воевать с ним очень не хотелось. У джиттера figma-style интерфейс и офигенно удобный импорт из нее.
Да, если нужен супер-глубокий и детализированный крафт, то АЕ не заменит ничего. Джиттер проще, чище, фичей меньше, но базовые анимации делаются просто. Я ни одного урока не смотрел, все интуитивно понятно.
Еще у них есть поддержка liquid glass, но работает через жопу. Глитчит. Написал напрямую чувакам в чатик с контекстом и скриншотами, а в ответ получил «Ну ты попробуй настройки другие выставить». Камон, я что, свой тупняк от реального бага отображения отличить не могу что ли 🗿
Короче, рекомендую потестить, если нет потребности делать гига-сложные штуки
🛡 Магия ИИ работает только там, где уже есть экспертиза
Карина Веласкес рассказывает историю не про то, как Claude Code «сам собрал дизайн-систему», а про то, как накопленное знание наконец получило быстрый способ материализоваться. На работе она не могла использовать Claude Code, сервер Фигма MCP и другие инструменты из-за политики безопасности, поэтому взяла личный ноутбук, пустой файл в Фигме и за один пятничный день собрала Prisme, личную дизайн-систему с токенами, темами, компонентами и плагином для синхронизации.
Самое интересное здесь не скорость сама по себе, а то, почему эта скорость сработала. Карина уже понимала архитектуру токенов: где нужны глобальные значения, где живут брендовые темы, как должен работать семантический слой, почему алиасы важны и чем нативный формат переменных Фигмы отличается от Token Studio JSON. Claude Code не придумал это за неё. Он просто оказался достаточно быстрым исполнителем, чтобы описание превращалось в структуру, структуру можно было сразу проверить, а ошибки быстро поправить.
Внутри:
– Почему сильный результат с ИИ начинается не с промпта, а с внутренней модели;
– Как Фигма MCP позволяет работать с переменными и токенами без ручного кликанья в интерфейсе;
– Зачем дизайн-системе нужны глобальный, брендовый и семантический слои;
– Почему токены, которые живут только в Фигме, остаются артефактом, а не инфраструктурой;
– Как Prisme Bridge переводит данные между Token Studio JSON и переменными Фигмы;
– Почему кнопка стала хорошей проверкой всей токенной архитектуры;
– Как Claude Code помог собрать компонент с размерами, состояниями, вариантами и заменяемыми иконками;
➡️ Читать статью (EN)
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Как понять и полюбить концептуальное искусство ⭐️
Концептуализм как художественное направление появился ещё в ХХ веке, но до сих пор подвергается обсуждению и иногда осуждению.
Одна из причин — в характерной для концептуализма простой или даже примитивной визуальной форме. Например, у некоторых зрителей такое искусство взывает ощущение, что даже ребёнок может справиться лучше.
Рассказываем, чем работы концептуалистов отличаются от детских поделок и как посмотреть на это направление с другого ракурса, если вы тоже среди хейтеров.
1️⃣Смена формы и даже формулы
Веками искусство развивалось по одной формуле: «эстетическая привлекательность» + «мастерство автора». Художники ХХ века решили пойти другим путем, заменив эти две переменные на «идею» и «контекст».
Сам выбор простой и примитивной формы в концептуальном искусстве — это акт протеста против сложившихся правил в академической среде. Тем не менее такая форма позволяет подчеркнуть высказывание художника и сфокусировать внимание зрителя только на нём.
2️⃣Почему ребёнок так не сможет
Концептуалисты предлагают зрителю оценивать идею, абстрагировавшись от формы. И если форму ребёнок повторить сможет, то сформулировать зрелую идею — вряд ли.
Например, один из основоположников московского концептуализма, Юрий Альберт, использовал текст в качестве основной формы. Важно не то, насколько каллиграфически искусно текст написан, сколько то, на чём он написан и какой смысл несёт высказывание.
3️⃣Ожидание vs реальность
Очароваться концептуализмом можно, если примерить его оптику и перестать относиться к работам художников как к античным картинам или шедеврам эпохи Возрождения. Недовольство аудитории возникает тогда, когда искусство обманывает ожидания зрителя.
А самое главное: далеко не всё искусство должно вас цеплять. Вам может не нравиться ни форма, ни идея — и это нормально.
Однако если погрузиться в контекст перед тем, как смотреть на работы концептуалистов, то можно испытать не только искренний интерес, но и эстетическое удовольствие от ярко воплощённой идеи.
Расскажите, есть ли у вас любимые художники (необязательно концептуалисты) и за что вы их любите!
#КНП_искусство
🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах
Переменная ширина для векторных контуров в Figma.
🔤 Типографика в дизайн системе ломается не на выборе шрифта, а на токенах
Пока у команды нет общей структуры, каждый экран собирается заново: где-то основной текст 14 px, где-то 16 px, где-то межстрочный интервал выставлен руками, где-то тот же жирный стиль выглядит иначе. В макетах это еще терпимо, а в разработке быстро превращается в хаос.
Олуватосин Обалана показывает практичный подход, как собрать типографику через примитивные и семантические токены и масштабировать ее на веб, планшет и мобильный в Фигме. Ценность статьи в том, что это не просто теория про читаемость, а пошаговая схема: как назвать токены, как разложить роли текста, как связать стили с переменными и переключать режимы без дублей.
Внутри:
– Какие принципы держат типографику в порядке: удобство, ясность, иерархия;
– Какие базовые требования по доступности стоит заложить сразу: размер текста, контраст, межстрочный интервал, масштабирование;
– Что такое примитивные токены и какие свойства туда выносить: семейство, вес, размер, межстрочный и межбуквенный интервалы;
– Зачем нужны семантические токены и почему они снимают ручные правки по всему продукту;
– Как назвать токены по иерархии, чтобы дизайнеры и разработчики говорили на одном языке;
– Как разложить роли текста: Display, Heading, Subheading, Body, Caption, Label;
– Как считать межстрочный интервал через коэффициенты для крупных и мелких размеров;
– Как настроить в Фигме режимы для разных экранов и не плодить отдельные стили под каждый размер.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
