ОДНОСТРАНИЧНЫЙ САЙТ КОМПАНИИ ОКНА ХАУС

Макет сайта компании производства и монтажа пластиковых окон. Есть прототип. #услуги #окна #одностраничный #landing #русский Макеты Figma

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

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

Editor X — новый веб конструктор который сочетает в себе передовые функции для верстки и прототипирования.

editorx.com

А это сейчас позволяет сделать эффект Texture. Сейчас повсеместно хвалят прогрессивное размытие, оно и правильно, есть применение в интерфейсах, но вот эта штука тоже интересная, и к тому же ещё анимируется в прототипах

А это сейчас позволяет сделать эффект Texture. Сейчас повсеместно хвалят прогрессивное размытие, оно и правильно, есть применение в интерфейсах, но вот эта штука тоже интересная, и к тому же ещё анимируется в прототипах
UX/UI Designer @ Private AI
Private AI — ведущий разработчик решений по обеспечению конфиденциальности для искусственного интеллекта. Создаёт инструменты, которые позволяют компаниям использовать данные, сохраняя при этом конфиденциальность пользователей. ⚠️ Задачи: • дизайн логотипов и иллюстраций для торговых ботов; • создание интерфейсов для терминалов торговли; • проведение исследований и тестирований для выявления потребностей пользователей; • создание прототипов для новых фичей и улучшение текущих сценариев; • редизайн сайта компании в связи с ребрендингом; 👀 Что ожидают: • 2+ года опыта работы; • опыт работы в стартапе или на фрилансе; • уникальный, самобытный творческий стиль; • отличное владение Figma, Canva и Adobe; • пунктуальность. 💸 Условия: • зп не указана; • удалённая работа и гибкий график; • премирование за высокие достижения; • оплачиваемое посещение конференций, прохождение курсов и тренингов. ➡️ Откликнуться на вакансию ➡️ Откликнуться на вакансию ➡️ Откликнуться на вакансию
Изображение поста
Нужен UX/UI дизайнер с пониманием маркетинга, аналитики и интерфейсов.
Задачи: • Дизайн UX/UI для веба и мобильных версий • Анализ поведения пользователей и улучшение UX • Создание wireframes, прототипов и интерактивных макетов • Взаимодействие с разработкой и маркетингом • Внедрение современных UX/UI практик • Тестирование и оптимизация на основе фидбэка Требования: • 2+ года опыта в UX/UI • Отличное владение Figma • Понимание адаптивного дизайна • Опыт в e-commerce — плюс • Навыки анализа пользовательских данных • Креативность, внимание к деталям • Английский — от среднего уровня Откликнуться 👉 @HrOlhaPW
Изображение поста
Зачем улучшать существующее, если можно анонсировать новое?
Сегодня ночью несколько часов изучал обновления Figma, кроме Figma Make (на меня её пока ещё не раскатили). Посмотрел, как всё устроено, и вот какие впечатления сложились: ❋ Grid С одной стороны — прикольно, но с другой — не добавили самое важное: относительные величины и перемещение колонок и строк, что сильно бы упростило работу с таблицами. Ждем в 2028 году. ❋ Figma Sites Подойдёт, наверное, для дизайнеров, которые просто хотят быстро собрать портфолио или лендинг без лишних заморочек. Удобно, что это всё в одном месте, но если есть хоть небольшой опыт работы с Framer, то смысла делать это в Figma не вижу. Такому инструменту нужно ещё 2–3 года, чтобы конкурировать с Framer или Webflow. ❋ Figma Make Эту фичу я ждал больше всего. Хотелось чего-то похожего на Cursor для более-менее нормальной разработки своего продукта. Но это скорее просто рабочий прототип фичи. Конечно, тоже удобно, но очень хотелось бы, чтобы фокус команды не спадал с этого продукта и он развивался куда быстрее, чем обновления раз в год. ❋ Figma Buzz Инструмент для маркетологов. Я не особо шарю в этой теме, но показалось, что продукт достаточно удобный, чтобы быстро собрать 50 вариантов баннеров под разные форматы. ❋ Figma Draw Убийца Paint, который заодно прикончил пару плагинов вроде Noise, Progressive Blur и Text by Path. Кисти и паттерн — прикольные, но до иллюстратора ещё шагать и шагать. А теперь главное Figma обошла стороной AI для создания дизайна, на котором, кстати, был главный акцент в прошлом году. Ждал AI-генерацию состояний и вариантов компонентов и сборку макета по дизайн-системе, но мимо. Ещё очень хотелось увидеть прокачку прототипов в сторону Rive. Но и тут тишина. Да и со старыми продуктами всё тихо: Figma Jam, Figma Slides, Dev Mode. Где гарантии, что с новыми не будет так же? Последние конфиги всё больше дают ощущение, что это не про продукт, а про презентацию для инвесторов: растём вширь, чтобы больше людей купили подписки, а вглубь не капаем и кор-функционал не улучшаем. Как уже писал, Figma косит под Apple: одно большое шоу раз в год и молчание до следующего релиза с редкими, очень небольшими апдейтами в течение года. Но продукт, которым ты пользуешься каждый день, должен развиваться регулярно, а не по календарю презентаций, особенно когда платишь за подписку. В следующем году ждём Figma 3D, Figma Architect и Figma Cut для видеомонтажа с пятью функциями в каждом продукте. Че думаете? Если не согласны, пишите в комменты, интересно послушать другое мнение
Изображение поста
🚀 Бесплатный 7-дневный интенсив по UX/UI дизайну от Айтилогии
Хочешь начать карьеру в дизайне с доходом от 1000$? Присоединяйся к нашему бесплатному курсу и получи все необходимые навыки для успешного старта в UX/UI дизайне. На курсе ты: - Освоишь Figma — ключевой инструмент для дизайнеров. - Изучишь основы композиции, цвета и типографики — создавай привлекательные и профессиональные дизайны. - Создашь прототипы и анимации — преврати свои идеи в работающие проекты. - Узнаешь, как зарабатывать на удалёнке от $1000 в месяц — наши эксперты поделятся секретами успешной работы. И это ещё не всё: - 5 полноценных проектов в портфолио — начни карьеру с готовыми работами, даже без опыта. - Практика с первого дня — учись на реальных заданиях. - Поддержка профессиональных менторов — получай советы и обратную связь от экспертов. Представь, как изменится твоя жизнь, когда ты сможешь работать из любой точки мира, создавая уникальные дизайны и получая достойную оплату. Это не мечта — это реальность, которую ты можешь достичь с нашим курсом. ➡️ Успей записаться на интенсив бесплатно Начинаем уже завтра, не упусти свой шанс.
Изображение поста
По старой памяти посмотрел вчера кейноут Фигмовской конференции Config.
Дизайнеры в основном впечатлены: - Figma Sites — прямая атака на Framer. Теперь прямо в Фигме можно будет делать адаптивные сайты и публиковать в интернет одной кнопкой. - Figma Make — свой вайбкодинговый инструмент, который превращает макеты дизайна в работающие прототипы. - Figma Buzz — прикольная штука для быстрой сборки маркетинговых ассетов — когда тебе надо сделать 100500 однотипных картинок анонсов для соцсетей по готовому шаблону. - Плюс переделали работу с векторной графикой и добавили кучу штук, за которыми раньше приходилось в Иллюстратор ходить. - И автолейаутные сетки. И это конечно всё такой дизайнерский диснейленд, где дизайн остаётся в центре всего. Но у меня остался один вопрос: а когда AI будет генерировать сами дизайны-то? Или хотя бы помогать мне это делать? Uizard вот пытается что-то такое делать. Lovable тоже справляется. Тот же Framer может сгенерировать макет дизайна сайта по промпту. В Рекрафте куча инструментов для графического дизайна. Фигма же как-то продолжает обходить эту тему стороной. Может, не хотят пугать дизайнеров раньше времени?
Изображение поста
Фигма там «конструктор сайтов» завезла (пока только для платных пользователей и в режиме бета-теста)
А еще, говорят, ИИ сам будет прототипы из вашего текста делать. Вопросов пока больше, чем ответов: 👆 это только для лендингов, или можно будет что-то сложное делать? 😑 как будут настраиваться всякие формы обратной связи, с чем они будут связаны? 👙 будет ли работать все это добро в России? 💩 сколько верстальщиков останется без работы? 🌝 появится ли отдельный срез для фигма-сайтов в рейтинге рунета? (🤣) vc.ru/ai/1971861-figma-predstavila-novye-ii-instrumenty
Изображение поста
Figma теперь — это не только про макеты.
На Config 2025 она показала, куда всё движется: дизайн, код, контент, иллюстрации, сайты — всё в одном окне. ⠀ Что нового: ⠀ — Figma Sites. Сайты прямо внутри фигмы. Без кода. — Auto layout по гриду. Просто выбираешь сетку — всё выравнивается. — Figma Make. Пишешь идею — получаешь прототип. — Figma Draw. Вектор, иконки, иллюстрации — не выходя из файла. — Figma Buzz. Контент-помощник: тексты, карточки, email, соцсети. — + улучшения текста, таблиц и экспорта. ⠀ Честно? Это уже не редактор.Это платформа для всего процесса. ⠀ Какое из обновлений тебе кажется самым полезным? Или чего тебе всё ещё не хватает в Figma? Я ушла тестить 😻
👾 Что анонсировали на Config 2025
Figma Sites — создание и публикация адаптивных сайтов без кода. Есть шаблоны, интерактив, а скоро добавят встроенную CMS. Figma Make — AI-инструмент, который превращает текст в прототип. Работает на Claude 3.7. Можно дорабатывать руками или просить AI продолжить. Figma Draw — новый набор инструментов для иллюстраций (упращенная версия Illustrator). Кисти, текстуры, эффекты — всё прямо в Figma, без перехода в другие редакторы. Figma Buzz — помощник для маркетологов и брендов. Генерация баннеров, постов и писем по шаблонам, с учетом бренд-гайда. Grid — новая система авто-лейаута. Более гибкие сетки, растяжение элементов, экспорт CSS для разработчиков. Dev Mode — улучшен. Появились режимы Ready for Dev и Focus View, а также интеграция с GitHub. FigJam — AI помогает генерировать идеи, искать компоненты по картинке. Улучшен визуальный поиск, добавлена генерация изображений. @design_awesome
Editor X — новый веб конструктор который сочетает в себе передовые функции для верстки и прототипирования.
Новинки Figma Config 2025: огляд нових інструментів Make, Sites, Grid, Draw та Buzz
У рамках конференції Config 2025 було анонсовано низку інструментів і функцій, покликаних розширити можливості дизайнерів та продуктових команд. Figma Make – сервіс prompt-to-code для перетворення макетів у інтерактивні прототипи; Figma Sites – можливість публікації адаптивних сайтів одним кліком; Grid – новий Auto Layout із гнучкою сіткою та прямим експортом CSS; Figma Draw – оновлений векторний редактор із інструментами для вільного малювання, патернів і текстур; та Figma Buzz – платформа для масового створення брендованих активів і шаблонів для всієї команди. Підписатися на автора: Dinozavrix #comments">Коментувати | Читати
Изображение поста
Figma Config 2025: Итоги
Figma превращается в конструктор сайтов, презентаций и даже маркетинговых материалов. Ниже — краткий обзор фич, которые уже доступны или скоро будут: Figma Sites Полноценные сайты прямо из Figma. Блоки, шаблоны, адаптив и базовая CMS. Работает почти как Framer, но с нативным флоу. Ожидается платный тариф. Figma Make AI пишет интерфейсы по тексту. На демо выглядит как магия, но в реальности — пока зачаточная стадия. Построено на Claude 3.7. Figma Buzz Автоматическая генерация контента: тексты, баннеры, изображения. Звучит как Canva на стероидах. Полезно для маркетинга, сомнительно для дизайнеров. Figma Draw Собственный векторный редактор с кистями, шейпами и текстурами. Почти как Illustrator, но в браузере. Наконец-то. Figma AI Набор шорткатов для генерации, рефакторинга и поиска. Прототипы, поиск по UI, автокомментарии, переименование слоёв. Всё, чтобы не трогать мышку. UI3 Редизайн интерфейса: стало чище, чище, ещё чище. Для кого-то удобнее, для староверов — боль. Figma Slides Презентации внутри Figma. Можно вставлять дизайн-фреймы, добавлять интерактив, генерировать текст через AI. Альтернатива Pitch и Keynote. Dev Mode 2.0 Теперь и для разработчиков: состояния “Ready for Dev”, интеграции с кодом, фокусный просмотр. Улучшает передачу, если все в экосистеме Figma. Мелочи: Обновлённый файловый браузер, новые иконки, управление коллекциями, улучшения FigJam и контраст-чекер. 🧠 Общее впечатление: Figma превращается в операционку для продуктовых команд. Меньше “дизайна ради дизайна” — больше фокуса на продакшн. https://www.config.new/
Изображение поста
Тезисно хайлайты Figma Config 2025 🖼
1. Figma Sites Инструмент для создания полноценных веб-сайтов прямо в Figma. Позволяет превращать дизайн-макеты в живые сайты с помощью готовых шаблонов и AI, который генерирует код взаимодействий на основе текстовых описаний. Интеграция с CMS и поддержка анимаций планируются позже в этом году. 2. Figma Make AI-инструмент, основанный на модели Claude 3.7 от Anthropic, для генерации интерактивных прототипов приложений на основе текстовых описаний. Позволяет создавать функциональные элементы с возможностью ручной настройки и редактирования. 3. Figma Buzz Приложение для маркетинговых команд, упрощающее создание брендированного контента. Предоставляет шаблоны и стили, одобренные брендом, а также инструменты генерации и редактирования изображений с помощью AI. Можно будет использовать данные из таблиц для массового создания изображений. 4. Figma Draw Векторный графический редактор, интегрированный в Figma, предоставляющий инструменты для создания и редактирования векторной графики и логотипов. Включает различные кисти, текстурные эффекты и инструменты векторного редактирования. Анонсированные фичи все больше приближают фигму к all-in-one платформе и усиливают её конкуренцию с компаниями вроде Adobe, Framer, Coursor и Canva. Как вам сегодняшние апдейты?
Изображение поста
➕ Применение в архитектурной визуализации
Stable Diffusion становится мощным помощником для архитекторов, 3D-художников и визуализаторов. Вот как его можно использовать: 🟣Быстрое создание концептов. ⭐️Генерация вариантов фасадов, окон, крыш, террас по короткому описанию. ⭐️Прототипирование идей для жилых домов, общественных зданий, интерьеров. ⭐️Проверка атмосферы — как будет ощущаться объект в разное время суток, в разной погоде, с разным освещением. 🟣Улучшение и доработка деталей. ⭐️Позволяет значительно улучшить визуализацию людей на рендерах — изображения становятся менее «компьютерными» и приобретают более реалистичный и естественный вид. ⭐️Дорисовка элементов (озеленение, мебель, текстуры фасадов). ⭐️Быстрая генерация заднего плана или окружения (горы, лес, город, небо и т.п.). 🟣Атмосферные референсы и moodboard'ы. ⭐️Создание множества визуальных вариантов по теме (например, "современный скандинавский дом в лесу утром"). ⭐️Помощь в создании коллажей и визуальных исследований. Инструменты и экосистема Stable Diffusion — это не просто одна модель, а целая экосистема инструментов, с помощью которой можно генерировать, редактировать и дорабатывать изображения. Эти инструменты делают работу с моделью удобной, настраиваемой и эффективной — как для художников, так и для дизайнеров, архитекторов, маркетологов или разработчиков. ➕ Web-интерфейсы и приложения Существует множество веб-платформ, где можно использовать Stable Diffusion без необходимости устанавливать что-либо: ➖Hugging Face Spaces, Replicate, PlaygroundAI — позволяют быстро протестировать идеи. ➖InvokeAI, AUTOMATIC1111 WebUI — локальные графические интерфейсы с тонкой настройкой и поддержкой плагинов. ➖DiffusionBee — простое и удобное десктоп-приложение для macOS и Windows. ➕ Расширенные возможности Модель можно использовать не только для генерации с нуля, но и для доработки и редактирования: ➖img2img — загрузка начального изображения (эскиз, рендер, фото) и генерация на его основе. Очень полезно, если у вас уже есть базовая сцена. ➖inpainting — замена/дорисовка части изображения (например, убрать объект или изменить фасад здания). ➖ControlNet — инструмент, позволяющий управлять композицией, перспективой, позами и формой объектов (через скетчи, карты глубины, карты освещения и т.п.). ➖LoRA и Custom Models — можно обучать или использовать уже готовые стили (например, под архитектурный скетч, японский минимализм или брутализм). ➕Интеграции и плагины ➖Blender + Stable Diffusion: существуют плагины для генерации текстур и фонов прямо из 3D-сцены. ➖Photoshop + SD (через API или плагин ComfyUI): можно быстро обрабатывать изображения, не выходя из графического редактора. ➖TouchDesigner / Unreal Engine / Unity — интеграции для интерактивных и VR-проектов. ➕ Комьюнити и модели под конкретные задачи ➖Существуют модели, заточенные специально под архитектуру (например, [archiStyleXL], [interiorDiffusion], [archisketch-style]). ➖Комьюнити на Hugging Face, Civitai и Reddit активно делится наработками и примерами. Будущее Stable Diffusion Stable Diffusion продолжает формироваться под влиянием значительных технологических достижений и стратегических инициатив компании Stability AI. С акцентом на доступность, кастомизацию и мультимодальность, платформа уверенно движется к созданию более мощных и универсальных инструментов генеративного ИИ. Ожидаемые направления развития Stable Diffusion включают: ➕ Мультимодальность: интеграция генерации текста, изображений, видео и 3D-контента для создания более богатых и интерактивных медиа-продуктов. ➕ Улучшение анатомической точности: повышение реалистичности изображений, особенно в отображении человеческих фигур и лиц. ➕ Оптимизация для мобильных устройств: разработка более лёгких моделей и интерфейсов для использования на мобильных платформах и в облачных сервисах. ➕ Расширение образовательных ресурсов: создание обучающих материалов и инструментов для упрощения освоения технологий генеративного ИИ широким кругом пользователей.
Изображение поста
Туториал "Микроанимации в Фигме" by Alexey Bychkov Короткий видео-туториал о том, как с помощью микроанимаций сделать прототип карты лучше.
Изображение поста
Друзья, в Школе UsabilityLab появилось расписание занятий на май!
💡 Вас ждёт 4 онлайн-занятия👇 • 19 мая в 18:00 (МСК) — Как написать сценарий юзабилити-тестирования • 21 мая в 18:00 (МСК) — Как проводить удаленные юзабилити-тестирования • 26 мая в 18:00 (МСК) — Глубинные интервью • 28 мая в 16:00 (МСК) — Как сделать кликабельный прототип Figma для тестирования сценария работы продукта ⚡️ Все занятия мая со скидкой здесь. 💬Поделитесь в комментариях, какие ещё темы занятий вам интересны.