🆕 37 новых Pro-блоков

Коллекция Pro-блоков пополнилась 37 новыми блоками. Все они сделаны в Zero Block с использованием автолейаутов. Вы можете выбрать, в каком режиме работать с Pro-блоками: 🟠Free Layout — если хотите свободно редактировать блок, 🟠Auto Layout — если важно сохранить композицию. Новые блоки представлены в категориях: Команда, Плитка и ссылка, Партнеры, Этапы и Расписание. Где найти: Выберите нужный раздел 👉 нажмите «Показать блоки из коллекции Pro» #tildaupdates

Дизайн-система обычно начинает ломаться не тогда, когда она маленькая, а когда команда начинает обходить ее сама. Где-то отцепили инстанс, где-то сделали еще 12 вариантов карточки, где-то собрали отдельный модал только потому, что в базовом компоненте не хватило свободы. В Фигме для этого запустили слоты. По сути это способ оставить структуру компонента стабильной, но менять содержимое внутри без detatch. Зои Адельман и Сара Келли показывают, что лучше всего это работает на меню, модалках, карточках, панелях и даже крупных layout-компонентах. Для дизайн-систем это меньше вариантов и поддержки, для дизайнеров больше свободы внутри системы. Внутри: – С каких компонентов лучше начинать внедрение слотов, чтобы эффект был заметен сразу; – Когда слот должен быть пустым, а когда лучше сразу давать дефолтный контент; – Как preferred instances помогают не превратить свободу в хаос; – Почему слоты полезны не только для мелких элементов, но и для целых layout-блоков; – Как слоты сокращают количество вариантов и уменьшают поддержку библиотеки; – Почему связка со структурой кода делает handoff понятнее; – Как слоты помогают не detatch-компоненты там, где раньше без этого не обходилось; – Почему для автоматизации и AI это тоже важный шаг, потому что структура становится явной. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ваня Замесин — технологический предприниматель, автор методологий AURA и Advanced Jobs To Be Done. Эксперт #1 среди продакт-менеджеров в России. Вместе с командой мы активно развиваем экосистему продуктов: курс «Как делать продукт», AURA Framework — AI-платформа и сообщество для создателей продуктов, BOOST — интенсив по нейросетям. Что будешь делать • Развивать дизайн-систему: сетки, типографика, компоненты, стили контента • Верстать слайды для воркшопов • Визуализировать процессы так, чтобы сложное становилось понятным • Верстать онлайн-книгу • Адаптировать контент для Telegram Что важно • Уверенный Figma — auto-layout, компоненты, стили • Сильная типографика и вёрстка • Навыки визуализации данных • Системное мышление и скорость без потери качества • Используешь вайбкодинг в работе Условия • Удалёнка, GMT+3, 10:00–19:00 • Part-time с перспективой перехода на full-time • Результат важнее количества часов • Фикс обсуждаем индивидуально — платим по рынку • Доступ к методам и подходам из курсов Вани Замесина 👉Изучи вакансию подробнее и откликайся

Affinity gives you pro-grade photo editing, vector design, illustration, and layout — all in one app, for free. Полностью бесплатное приложение на MacOS/Windows для векторного дизайна, редактирования и ретуширования, верстки сетки! 🔗 affinity.studio #ЩLAB by r.

Теперь AI может: – превращать код → в редактируемый дизайн в Figma – понимать структуру файла (компоненты, токены, layout) – работать в двух направлениях: дизайн ↔ код

Install

Этот плагин обновляет все свойства авто-лейаута на текущей странице Install 🖼️ Figma Дизайн

Для развития, важно не просто смотреть вокруг, но и заглядывать за горизонт: изучать работы зарубежных дизайнеров и быть частью международного комьюнити. Если вы можете поддерживать диалог на английском — это ооооогромный плюс для вас, как специалиста. Ребята из онлайн-школы разговорного английского @authenticpigeon (подружилась с ними недавно) поделились фреймворком сообщения, которое поможет органично завязать профессиональный диалог с понравившимся человеком: I saw *****. I liked *****. I’m curious about how/why *****? Пример: Hey Marco, I saw your SaaS dashboard design on Dribbble. I really liked the typography hierarchy and how calm the layout feels. I’m curious how you decided on those spacing and type scale choices — was it part of a larger design system? Лучшее место для таких сообщений — комментарии в социальных сетях и на профессиональных площадках, типа 🅱️Behance, Dribbble и подобных. Не бойтесь практиковаться и поддерживать уровень языка в проф. среде. Подписывайтесь на телеграм-канал ребят, где они рассказывают о разговорном языке, который пригодится, когда будете общаться с зарубежными коллегами по цеху и клиентами → @authenticpigeon Особенно, если цель выучить английский кочует в ваших списках из года в год. Может быть, это знак, чтобы заняться им всерьёз? ⚡️ GIF

🍲

figma.com/blog/announcing-auto-layout

Теперь все логотипы будут выглядеть гармонично, независимо от их изначального размера и формы. #логотипы #масштабирование #сетка

Саша рассказала о своём пути от графического дизайнера до продуктового, работая над ERP-платформой. Будучи единственным дизайнером на проекте без опыта работы с большими продуктами, она столкнулась с хаосом из сотен экранов без консистентности и структуры. Главной проблемой стало отсутствие базовых инструментов: переменных, системы отступов, методологии. Она самостоятельно освоила современные возможности Figma через YouTube-ролики и эксперименты, создав Systematic Color Workflow с 400+ токенами. Правда, позже поняла, что можно было ограничиться только реально используемыми стилями и не усложнять работу фронтенда. Внутри: – Как создать Color Mixer для формирования консистентной палитры; – Почему текстовый компонент может перегружать макеты при сотнях экранов; – Зачем сразу определять правила отступов и брейкпоинты; – Как Variants, Boolean и Auto Layout ускоряют работу; – Почему пришлось аргументировать переход на платную версию Figma; – Какие ошибки можно было избежать с опытным ментором. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Install

Задача: — проектировать сложные интерфейсы банковских продуктов — продумывать бизнес-логику — предлагать оптимальные решения, в том числе нужен нестандартный подход Ожидания: — Figma: Auto layout, Variants — Pixel Perfect — Atomic Design — логическое мышление — опыт в исследованиях будет плюсом Условия: — график работы 5/2, с 9 до 18 — формат гибридный: ПН, ПТ удаленно, ВТ, СР, ЧТ офис — ЗП: 200-250к — премия по итогам года Контакт для отклика: @AlexanderMazurov #дизайн

• 1000+ векторных иконок в outline-стиле • Форматы: Figma (Auto Layout 4.0), SVG #icons #outline #library Открыть в Figma

Install

• 15+ готовых компонентов с поддержкой Variants и Auto Layout • Адаптирован для веб и мобильных проектов • Регулярные обновления и улучшения #uik #datetime #components #web #mobile Открыть в Figma

Дима Максимов из Dodo Engineering рассказал, как команда переписала слайдер быстрой оплаты с MotionLayout на Compose. Старый компонент накопил 15+ багов: слайдеры появлялись с двух сторон, текст просвечивал, а скрыть элементы было почти невозможно. Новый функционал для закрытых кофеен и переливающегося фона добили старую систему окончательно. Решение оказалось проще, чем казалось: создать кастомный Layout Composable вместо сложной структуры из стандартных контейнеров. Результат: контролируемые анимации, чистый код и возможность легко добавлять новые фичи. Плюс шиммер для подсказок и хаптик для тактильной обратной связи. Внутри: – Проблемы MotionLayout с видимостью и сложными сценами; – Выбор между Compound Composable и Layout для слайдера; – Создание каркаса с Thumb и Background компонентами; – Настройка жестов через AnchoredDraggable и якоря; – Измерение динамического контента по правилам дизайна; – Анимации растягивающегося следа и надписей; – Управление состояниями через внешний стейт; – Добавление шиммера и тактильной обратной связи. Статья больше техническая, но довольно интересная. Внутренняя кухня разработки мастхев) Особенно, когда дело касается мелочей в виде слайдера, а проблем тоже хватает 👀 Так что ваш слайдер в фигме за 2 минутки в макетах превращается в кучу кода для разработки)) ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Мелкие обновления Auto Layout 1. Отрицательный отступ Теперь в AL мы можем применять к элементам отрицательный отступ. Удобненько. Так же, отрицательный отступ можно применять к элемента вне AL 2. Верхний элемент Появилась возможность выбирать очередность элементов сверху вниз в AL. Примечательно, что в слоях элементы не меняют свое положение.

• Чекбоксы и всплывающие окна • 100% auto layout • Цвета и типография #DesignSystems #UIk  Открыть в Figma