Фрейминг — как интерфейсы нас обманывают

Мозг предпочитает экономить энергию и обрабатывает информацию на основе предвзятых шаблонов Читать на дизайнерс | #статья
Изображение поста

AutoLayout — плагин динамически размещает слои во фреймах и обновляет макет при изменении размеров дочерних слоев.

Изображение поста

Ставим цели правильно

Вокруг целеполагания — целая индустрия. SMART, OKR, GTD, PACT, 12 Week Year, «Атомные привычки» Джеймса Клира, «Достижение цели» Брайана Трейси, «Эссенциализм» Грега МакКеона, «Жизнь на полной мощности» Джима Лоэра и Тони Шварца… Методик много. Табличек и фреймворков — ещё больше. Мы даже рассказывали в канале про собственную методологию Васи, которая даёт ему комфортный уровень гибкости: Метод постановки целей SSA: Sequence / Synergy / Agile Но в этих фреймворках не спрашивают «А как ты себя чувствуешь, когда идёшь к цели? Что ты испытаешь, когда её достигнешь? Останутся ли у тебя силы порадоваться тому, что ты дошел?» Мы устроили 🏋️‍♂️☮️💢🥶, чтобы авторы изучали себя, находили свой голос и входили в поток. А не чтобы писать посты любой ценой. Поэтому при постановке целей выбирайте реальное, конкретное, измеримое. Но обязательно представьте себя, когда оно воплотится. Если вы измучаетесь в процессе, то нужно ли оно вообще? Есть ещё одна важная штука в целях, кроме ощущений и состояний. Юля написала сегодня про то, как цели (какие угодно — большие, маленькие) разбивать на шаги. В основе всего лежит идея, затем большая цель, затем мини-цельки, чтобы сложилась, как лего, большая. #антон #мероприятие #написябрь2025 🍍 Явно.Дизайн x 🍥 tak.pobedim 😱 Что это за челлендж?
Изображение поста

Плагин Invaders — Плагин генерирует наборы иллюстраций в стилистике игр Space Invaders. Подойдёт, если вам нужно добиться ощущения ностальгии или поддержать пиксельный стиль.

Как пользоваться: — нажмите на генератор, чтобы отобразить случайную сетку фигур — вы можете настроить количество элементов (максимум 20×20) и ширину / высоту элементов — сгенерированная сетка отображается прямо на вашем основном холсте — в противном случае, если выбран пустой фрейм, он будет заполнен элементами (ширина и высота которых будет зависеть от размеров фрейма) #узор #генератор #паттерн #рандом
💡 Как фреймворк STAR помогает создавать удобные интерфейсы
Антон Черный из Mindbox рассказал, как они адаптировали фреймворк STAR из сферы найма для проектирования интерфейсов. Метод помогает смотреть на продукт глазами пользователя, который устал к концу дня и просто хочет закончить задачу и пойти домой. Команда столкнулась с парадоксом: чем больше функций добавляли в продукт, тем менее удобным он становился. Когда начались жалобы клиентов, они решили структурировать процесс проектирования через четыре этапа: ситуация пользователя, его задача, наши действия и проверка результата. На примере редизайна страницы рассылок автор показывает, что случается, если пропустить любой из этапов. Внутри: – Почему новые функции делают продукт менее удобным; – Какие вопросы задавать на каждом этапе STAR; – Как маркетологи на самом деле создают рассылки; – Почему красивый редизайн может ухудшить пользовательский опыт; – Зачем прописывать user flow в текстовом виде до создания макетов; – Как понять, что задача действительно решена для пользователя. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Плагин Jter · Animation for Figma — позволяет импортировать проект в Jter для анимации и экспорта в видео или GIF.
Jter — это простой в использовании анимационный инструмент. Это как figma, но для анимации. Как пользоваться: 1. Откройте плагин 2. Выберите фрейм и нажмите кнопку «Экспорт» 3. Откройте проект в Jter и создайте немного магии! Ограничения: —Вы можете экспортировать только один фрейм за раз; — Тексты (кроме используюищих шрифты Google) экспортируются в виде изображений; — Группы в масках экспортируются как изображения; — Каждый экспорт создаст новый проект в Jter. #gif #анимация #видео
🟠 Сервисы для Тильды, расширяющие ее возможности
Я собрала для вас в этой статье пять сервисов, которые добавляют Тильде новые возможности, так часто требуемые в ее стандартном функционале. Речь идет не о модификациях, а о полноценных веб-сервисах или расширениях, предназначенные для определенных задач. Отдельно хочу отметить новый сервис Arvess по импорту дизайна из Фигмы в zero-блок Тильды, который гораздо мощнее стандартного импорта. В чем его главные отличия: ⭐️ импорт фрейма любой ширины; ⭐️ импорт сразу нескольких фреймов для одного блока, под которые создаются брейкпоинты соответствующей ширины (т.е. вы переносите дизайн сразу со всеми адаптивами!); ⭐️ простые и не слишком требовательные настройки макета в Фигме; ⭐️ импорт иконок и картинок без дополнительных выгрузок в zero-блоке; ⭐️ импорт элементов со всеми эффектами наложения, тенями, обводками, прозрачностью и т.д. Сервис еще достаточно новый, но он быстро развивается. В случае обнаружения ошибок или возникновения пожеланий к сервису обязательно напишите об этом команде разработки. Все последние новости и обновления вы можете почитать на канале Arvess — подпишитесь, если вам интересно, и поддержите развитие этого полезного продукта 💜. #сервисы #статьи #тильда
Изображение поста
Custom Frame Presets — плагин с собственными размерами для фреймов.
Изображение поста
Давненько не было вестей
Отдохнул недельку от новостей, пора вливаться обратно. Намедни Фреймер выкатил биг-фичу со страницами, что по факту делает из конструктора полноценный редактор. Обещают, что всё будет бесплатно с безлимитом по числу проектов и страниц. Звучит интересно, потестить точно стоит. Глядишь со временем вырастет в полноценного конкурента Фигме. #вести @vestochka_design
Плагин "Rename and Organize Frames" by Yaki
Плагин упрощает процесс переименовывания и сортировки фреймов ⚡️Скачать плагин⚡️ #plugin
Изображение поста
Плагин Figma to Code (HTML, Tailwind, Flutter, SwiftUI) — Полностью бесплатный плагин с открытым исходным кодом, который может вывести всю вёрстку вашего макета на трёх языках.
Как пользоваться: 1. Нажмите правой кнопкой мыши по макету и перейдите Plugins → Figma to Code. 2. Выделите любой объект на макете, и в появившемся окне отобразится его код. 3. При необходимости можете изменить язык: HTML, Flutter, SwiftUI, CSS-фреймворк Tailwind. Если нужны Flutter или SwiftUI, то Figma to Code сможет выручить. Но поддержка HTML в нём не очень хорошая — плагин не пытается организовать все стили объекта в формат CSS, а просто выдаёт всё в формате
. #AutoLayout #android #css #html #девайсы #код #стили
Autofill — плагин с помощью переменных автоматически заполняет текстовые данные в выбранном фрейме
Изображение поста
Отдых — это важная часть работы 🏀
Если постоянно упарываться в работу, можно пропустить важную часть жизни — ту, что наполнена улыбками, радостью, увлечениями. Именно эти моменты делают тебя тобой. Работа — тоже моё увлечение. Наши дизайнеры даже подарили мне на день рождения майку с зашифрованной надписью "Workaholic", потому что знают меня хорошо. У всех выходные — выходные, но не у меня. Выходные для меня — это такие же рабочие дни, только более спокойные от внешних запросов. Время для регламентов, планирования и разбора задач, которые долго лежат без внимания. Помните, я писал, что лето меня трахнуло по полной? Были моменты, когда примерно 80% контрактов на стадии подписания просто отвалились и пропали. Я активно занимался поиском новых. Я забыл простую истину: иногда, чтобы сделать большой рывок вперед, надо просто вспомнить, что помимо работы есть личное. Начал с малого — купили жене велосипед 🚲 и три раза в неделю катались утром и вечером. Примерно по 20 километров накатывали. А сегодня просто взял баскетбольный мяч и поехал на площадку. Думал покидать в одиночку, но получилось намного веселее. Быстро нашёл компанию из 3 ребят примерно моего возраста. Познакомился с 2 девчонками, которые учатся в спортивке на баскетболисток. Собрали команду из 5 человек и 3 часа играли офигенно. Настоящей командой. Выносили вперёд ногами 3 команды молодых ребят, которые были активнее нас. Но только мы играли в пас, а они — в личные достижения. До сих пор не привыкну к тому, что когда меня спрашивают про возраст мой, а я говорю, что сыну (ну, формально я его отчим) — 16 лет и мне 46 — люди такие "Да ладно, не может быть". Короче, устал как гончая собака, но доволен как слон на водопое в Африке 🐘 Приехал домой и рабочие мысли уложились в прекрасный фреймворк: ✅ Закончил проверку большого технического задания для нового мобильного приложения ✅ Сделал акты и счета для заказчика на новый этап работ ✅ Собрал и проверил видео-ролик для выставки наших заказчиков Иногда лучший способ решить рабочие задачи — это на время забыть о них и вспомнить, кто ты есть помимо работы. Вы, кстати, как выходные проводите? 🏆 kirshinaleks
Изображение поста
Плагин «TileMagic» by Jeff Broderick С помощью этого плагина можно быстро создавать мозаичный фон на основе любого фрейма.
Изображение поста
Плагин Ultra Renamer 2 — автоматически нумерует выбранные фреймы в Figma по заданному шаблону всего за один клик.
Group to Frame — плагин конвертирует один или несколько групп-слоев во фреймы.
🔗 Figma Community ▫️ #tools
🔝 Вызовы и стабильность команды
Александр Горчаков, руководитель дизайн-команды в Voximplant, рассказал о балансе между стабильностью и вызовами в управлении творческими командами. Он представил матрицу с четырьмя состояниями: стагнация, скука, выгорание и процветание. Главная идея: без вызовов стабильность превращается в стагнацию, а без процессов вызовы ведут к выгоранию. В Воксе измеряют баланс через персонализированный SMART и собственный фреймворк КОД. Когда в одном из продуктов была скука, команда создала два новых направления с анимациями и гайдлайнами, которые теперь загружены на месяцы вперёд. Внутри: – Из чего складывается стабильность и чем она опасна; – Какие бывают вызовы и зачем они нужны; – Четыре состояния команды и что с ними делать; – Как фреймворки SMART и КОД помогают измерять баланс; – Почему студийные дизайнеры хорошо приживаются в продукте; – Реальный кейс создания новых направлений из скуки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
❗️ Новостной дизайн
#news В Figma добавили инструмент для создания эффекта стекла #figma #uiux #designtrends #design В Figma появился встроенный эффект стекла, с помощью которого можно проектировать интерфейсы под новый дизайн-код операционных системы Apple. Эффект стекла можно применить только к фрейму, на фигурах, изображениях и тексте он не работает. 📌 Ссылка на источник Поставь реакцию 💕 | 🙍‍♂️ Design News
Делимся свежим обновлением, посвящённым текстам на стрелочках ⤴️
— Теперь на стрелочках можно размещать сразу несколько текстов. — Текст можно свободно перемещать и выравнивать — по центру или по краям стрелочки. — В меню выделения стрелочки появился новый режим позиционирования: текст можно отображать вдоль направления стрелочки (по касательной), а не только горизонтально. — 🐞 Исправлена ошибка, из-за которой скрытие фреймов или экспорт игнорировали вложенные внутрь стрелочки.
Изображение поста
Breakpoints
Этот плагин позволяет из нескольких макетов получить один фрейм, в котором будут учитываться брейкпоинты адаптива. Install