Айти Лида

Реф Фокус 📀 #7 🖥 Портфолио Робина Ногье Красивый сайт с потрясающим дизайном интерактивных элементов для навигации по кейсам.

Что показали на Framer Spring Event? Framer представил новые функции, основанные на искусственном интеллекте, чтобы ускорить и упростить создание веб-страниц и компонентов. Вот ключевые анонсы: 🟡Wireframer — описываете желаемую страницу текстом, ИИ формирует базовый нейтральный макет, ориентированный на структуру. Дизайн и детализация — за пользователем. Удобно для быстрого старта 🟡Workshop — создаёте кодовые компоненты по текстовому запросу без знания программирования. Компонент сразу появляется на холсте и готов к настройке. Экономит время на разработку 🟡Аналитика внутри платформы — теперь можно проводить A/B тестирование и строить воронки конверсии прямо в Framer. Позволяет принимать решения на основе данных поведения пользователей 🟡Новый векторный редактор — полностью переработанная система для создания и редактирования графики. Можно свободно рисовать и изменять пути на холсте. Отлично подходит для сложных иконок и элементов интерфейса 🟡Библиотеки иконок и анимации — теперь легко создавать масштабируемые библиотеки иконок и добавлять сложные анимации и микроинтеракции прямо в Framer. Больше не нужно переключаться на сторонние приложения По итогу можно сказать, что это было мощное обновление. Framer делает акцент на автоматизации, но оставляет творческий контроль за пользователем. Новые инструменты подходят как новичкам, так и профессионалам.

Помните, мы делились с вами видео, где c помощью Rive воссоздали гонки из тетриса? Хватит смотреть – давайте играть! Автор demidov.ya поделился своим проектом и теперь любой желающий может как поиграть, так и разобрать проект на детали через remix 🕹 WRONG WAY RACER Для всех желающих мы организовали отдельный чат по Rive. Смело залейтайте и делитесь своими успехами или задавайте вопросы по теме) 💬Rive Chat 4️⃣ Айти Лида

Согласны?

Лучшие источники вдохновения для мобильного интерактивного дизайна Дизайнеры, вот потрясающие сайты с невероятными примерами интерактивного дизайна для мобильных устройств. 🖥 60fps — это кураторские подборки анимаций и интерактивных элементов высшего класса из лучших iOS, Android и веб-приложений. Идеальный ресурс для тех, кто одержим плавностью движений и микро-взаимодействиями.

Продолжаем перенимать опыт старших коллег 🤣

Мы видим, что вам очень нравятся переводы уроков по Spline. 🙂 Ловите еше один перевод видео. Сегодня изучаем пути и привязку к ним.

Как вы думаете, может выкладывать переводы в Ютуб/Рутюб? И уроки к каким программам вы бы хотели видеть?

Реф Фокус 📀#6 Ребят, сетки наше всё! Посмотрим на портфолио Романа Люберсанса — арт-директора, дизайнера и моушн-дизайнера на фрилансе с более чем 12-летним опытом работы. https://www.romainloubersanes.com/

GSAP в действии 🔝 Крутой интерактивный пример с фото, которые заряжают в пушку и выстреливают в блоки. Попробовать самим можно по этой ссылке: https://osmo-alt-text-minigame.webflow.io/

🔄 Spline обновили Hana Добавили привязку к пути Пощупать демо и сделать ремикс сцены можно по ссылке: https://app.spline.design/ui/6a36d303-a217-4466-95f5-85a1561c5725

Видимо, Airbnb знает как делать реалистичный дизайн и запустила Lava — новый микромедиаформат для анимации иконок, и это реально впечатляет! 😮 В отличие от «плоских» UI-решений вроде обновленного Material 3 от Google, Airbnb делает ставку на реалистичность: поддержка прозрачности, растровой графики и 3D. Анимации — просто огонь, работают на Web, iOS и Android. Это шаг к более живым и эмоциональным интерфейсам. Браво! 👏

Действительно, как? 🤔

Встречаем Material 3 Google обновил Material Design, сделав акцент на эмоциональный UX. Новая версия дизайн-системы предлагает яркие цвета, интуитивные анимации, адаптивные компоненты, гибкую типографику и контрастные формы для создания удобных и привлекательных продуктов. Подробности на https://m3.material.io/. Забавно, что в конце ролика показывают старый логотип без градиентов 😁

😮 В Rive воссоздали те самые гоночки из тетриса. Помните такие?)

Реф Фокус 📀 Сайт кошельков Secrid. Отличная работа с сеткой и анимацией. Анимацию можно доработать. Если перенсти указатель, то анимация просто прерывается. Хотя можно было бы запустить анимацию в обратную сторону.

3️⃣ Что показали на Config 2025? Все главные фишки 🟡 Figma Draw — рисуем как боги • Новый режим Draw — панель инструментов для иллюстраторов • Кисти и текстуры — теперь можно делать "ручной" дизайн прямо в Figma • Текст по кривой — наконец-то! • Умные повторы — создавай сложные паттерны в два клика Доступно на всех платных тарифах 🟡 Grid — флексбокс на стероидах • Автоматические сетки в Auto Layout • Растягивай элементы на несколько колонок • Полный контроль над размерами ячеек Пока в бете, но уже можно тестить 🟡Figma Buzz — дизайн-система 3.0 • Генератор мокапов из таблиц (hello, мерч!) • ИИ для быстрого создания контента • Режим "только по бренду" — чтобы дизайнеры не шатались Бесплатно в бета-версии 🟡Figma Sites — конкурент Webflow? • Перенос макетов из Figma одним кликом • Адаптивные брейкпоинты • Публикация сайтов прямо из редактора Для платных аккаунтов 🟡Figma Make — ИИ-прототипирование Описала кнопку — получил работающий прототип. Магия? 4️⃣ Айти Лида

Config 2025 состоится сегодня! Ждем Figma Sites (beta) и финкционал обработки изображений с анимацией от поглощенной Modify Стратует в 19:00 по мск https://www.youtube.com/live/5q8YAUTYAyk

Друзья, мы перевели для вас крутое вводное видео по Hana! Хотите освоить интерфейс и создавать интерактивные 2D-анимации? Этот гайд для вас! Разбираем всё: от интерфейса и функций до событий, экспорта и шаринга дизайнов. Новичок или уже в деле? Это видео — ваша база для творчества с Hana!

4️⃣ Специально для наших подписчиков, чтобы вы творили без барьеров!

P.S. Превод от ИИ. Возможны оговорки и неправильные произношения.

🆕 Webflow вышли на новый уровень и представили Webflow Cloud! Разворачивайте full-stack веб-приложения, интегрируйте API, создавайте кастомную логику и динамичные страницы. Сохраняйте фирменный стиль с DevLink и масштабируйте SEO без сложной разработки. 📩 Подключайтесь к бета-тесту 4️⃣ Айти Лида

0️⃣ Изучаем демо-проекты Hana из трейлера. Помните эти невероятные проекты из трейлера? Хотите разложить их по полочкам и зарядиться идеями? Spline поделились демкой проектов прямо из трейлера! 🚀 Пора изучать и создавать! 🔗 Ссылка на демку