Figma и ИИ: теперь уже без отговорок

Только собрался написать статью о том, что каждый дизайнер обязан уметь превращать свои экраны в кликабельные прототипы — с помощью Bolt, Lovable и других инструментов (не беру Cursor, он уже посложнее), — как Figma выкатывает апдейт. И не просто апдейт, а буквально встраивает под капот тот же Bolt, на базе Claude Sonnet 3.7. Без лишнего шума Figma делает то, что должно было случиться: превращает среду проектирования в среду исполнения. Теперь ты не просто рисуешь экраны — ты можешь сразу собирать из них работающие штуки. Это ожидаемо, логично и, я бы сказал, органично. Всё, о чём я говорил в своих видео, теперь выходит на другой уровень. Раньше это были эксперименты в сторонних инструментах — теперь это становится частью самого процесса. Не где-то рядом, а прямо внутри того, где дизайнер работает каждый день. Поэтому теперь всё просто: нет смысла спорить, надо ли дизайнеру уметь работать с ИИ. Надо. Уже сейчас. Иначе будешь не в процессе, а догоняющим. (На фотографии я с сыном — без всяких ИИ, просто момент. Для нас это уже наступившее будущее, для него — будет обыденной реальностью. И в этом, наверное, самый интересный контраст.)
Изображение поста

⚡️ Сегодня последняя возможность приобрести курс Анимация интерфейсов со скидкой

Курс вышел 7 мая, и на старте его можно купить по цене ниже регулярной, и просто чтобы вы были в курсе, 9 мая последний день скидки. Смотрите программу обучения и подробности о курсе здесь: https://interfaceanimation.ru Курс получился большой: в 10 уроках показываю как делать анимацию с 0, передавая макет из Figma в After Effects, до результата уровня Telegram, где интерфейс в мокапе с меняющимися поворотом экрана и демонстрируются жесты поверх него.

Tint Frame — плагин помогает быстро создать полупрозрачный объект по верх фона выбранного артборда, удобно для отрисовки pop-up экранов.

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

Что такое Ui Kit

Ui kit – это набор готовых решений пользовательского интерфейса. Зачастую это кнопки, инпуты, меню, чек боксы, разные переключатели, и прочие стандартные элементы взаимодействия с сайтом. Все элементы в ui kit связаны между собой, выполнены в одном стиле. Когда фотошоп умер в ui kit стали включать помимо самих элементов и их состояний, компоненты/символы, наборы стилей и правил использования, что уже большее походит на дизайн систему или ее зачатки. Продвинутые ui kit включают в себя еще и сетки, колонки, правила использования типографики, отступов и тд, что еще больше напоминает дизайн систему, но ею не является. 🖼 Figma за 60 секунд
Изображение поста
Distort Edges — плагин искажает края у объекта.
Изображение поста
ОДНОСТРАНИЧНЫЙ САЙТ КОМПАНИИ NACOMETA
Макет сайта компании по сбору средств могут быть направлены на различные цели: от помощи студентам с оплатой обучения до воплощения чьей-то мечты о путешествии в космос. #благотворительность #одностраничный #landing #русский Макеты Figma
#shapes_telega
Набор шейпов и текстур - Shapes and Backgrounds Pack 👉Скачать:  https://t.me/telega_arhive/3 Иконки Figma
Feather icon pack — небольшая коллекция стильных иконок, созданных для Figma-проектов.
Изображение поста
Voicest - AI Voice Changer Apps
💾 Скачать и использовать https://disk.yandex.ru/d/fKMHyZstRy9j-w 🔎 Посмотреть описание https://ui8.net/helloghozi/products/voicest---ai-voice-changer-apps #figma #uikit Hot Illustrator
Изображение поста
Flow+Figma — инструмент поможет анимировать ваш проект из Фигмы.
createwithflow.com
Иконки для UI, UX, графического дизайна.
• Обширная коллекция. • Представлена в пяти универсальных стилях. #icons #uiux Открыть в Figma 👨 Дизайн-телега
Продолжаем осваивать новые возможности Figma.
Сегодня разберёмся с работой паттернов. За основу я взял обычный круг, но не забывайте: паттерн можно использовать на любую векторную фигуру, в том числе и на текст. Эта функция открывает безграничные возможности для творчества. Находите время и делитесь своими работами в комментариях к посту и в соцсетях по хэштегу #yodizschool 👉 Смотреть урок
Изображение поста
Макет сайта по обучению йоге
Формат: #figma Сложность: #легкий Категория: #медицина #спорт Язык: #eng Канал: @build_html
Изображение поста
Осваиваем слияние форм в Figma на примере карточки товара.
💙 Figma ← здесь постим больше про Фигму 💙 Твой дизайн учитель#Figma
The Loop
Интернет-магазин одежды → Жанр: #LandingPage → Сложность: #средний → Язык: #RU → Адаптив: Нет @figma_start
blanko
Финансы → Жанр: #LandingPage → Сложность: #средний → Язык: #EN → Адаптив: Нет @figma2html
30 градиентных фонов.
• 30 png файлов • 6 000 × 4 000 px • 300 dpi #background #chrome #design #digital #gradient #illustration #template #wallpaper Открыть в Figma
7 дней бесплатного обучения UX/UI-дизайну!
В Айтилогии организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором. За 7 дней ты: 1. Ты сверстаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/U I-дизайна; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоей работе от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне. → Ухватить бесплатно такой ценный материал Ученики Айтилогии стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.
Изображение поста
Figma Config 2025: запускаем продукты быстрее, чем делаем нормальный Auto Layout
Статья о Владе Калашникове, Senior Product Designer в Re:Luna. Узнайте о его опыте работы в таких компаниях, как МТС и Pinkman, а также о его проектах и телеграм-канале Design Mind Читать на DSGNERS! | #статьи
Изображение поста