Пока все в рилс делают байтовые заголовки про отмену «дизайнеров» – я бы задумалась о разработчиках…😐

Несколько месяцев выкладываю разные проекты, что я верстаю сама, короче занимаюсь вайбкодингом. То есть, дизайн я делаю сама полностью как обычно, а верстку, анимации и поведение интерфейса задаю через Claude Code с Figma MCP. И к чему мне сейчас другие специалисты на большинство проектов? Да, сложные проекты пока без разрабов я не потяну. Но думаю, что когда-то мы сможем прийти и к этому…🤥 Честно? Никогда бы не подумала , что дизайнер и правда сможет отвечать за любой этап в проекте, даже если это верстка не на конструкторах🎈 Готовлю целый модуль сейчас по вайбкодингу на свое обучение, ура, ответственно заявляю, что теперь могу🔜 #мысли #клод

@Secret Riso Club как референс ⠀⠀⠀⠀⠀что цепляет: 1 ) цвет - хорошее сочетание контрастных цветов на фоне с оттенками серого ⠀2 ) типографика + композиция - без лишнего пафоса, смелые выноски: сетка, но с легким сдвигом. асимметрия как приём, а не ошибка ⠀⠀⠀3 ) свобода выражения - дизы не загоняют себя в рамки академической верстки, а делают так, как чувствуют. это про дизайн без комплексов, а не про следование шаблонам ⠀⠀⠀⠀⠀что взять себе: работать с акцентами как основным инструментом, не бояться текстур и ручных вмешательств, строить коммуникацию через среду, а не через громкий слоган - свобода начинается с доверия к своему глазу мотайте на ус! если вас вдохновил пост - скидывайте свои плакатики в комментарии под этот пост ?/ поболтаем #research by wsq dd al’ter

Если тебе близка работа, где ты не просто рисуешь, а собираешь пазл из задач, людей и идей, — нам по пути. Коротко о задачах, что тебя ждут: • Управление командой дизайнеров • Ведение проекта в связке с ПМом • Развитие визуала, идей и процессов проекта • Направление внутренней команды дизайнеров и помощь в развитии: ревью, треки развития, передача экспертизы Что для нас важно: • Опыт управления командой дизайнеров • Крепкая база: композиция, типографика, цвет, верстка • Уверенная работа с актуальными нейросетями: генерация изображений (Nano Banana, Seedream, Reve, Midjourney, ChatGPT) и видео (Kling, Seedance) любой сложности, доработка и интеграция в дизайн без артефактов • Ответственность, самостоятельность и желание развивать проект и команду Более подробно про вакансию и отклик тык сюда 🐤

дизайн-концепции и референсы 1. как создать дизайн-концепцию — простой способ придумывать концепты. 2. смотрим на референсы по-новому — инструмент работы с рефами, чтобы ускорить процессы. 3. как создаются концепции сайтов на пресейле — от мудборда и первых направлений до прототипа для защиты. 4. рисуем интерфейс циферблатов — экраны смарт-часов под конкурс CMF by nothing. figma и прототипы 5. этапы работы над проектом в figma — разбор структуры рабочей фигмы. 6. кликабельный прототип в figma — от настройки базовых связей до микроанимаций и пушей. 7. интерактивные макеты в figma и principle — как быстро оживить лендинг для презентации заказчику и передать моушен в разработку. анимация и верстка 8. верстка на readymag и анимации shots — особенности верстки и создание 3d. 9. пиксельная анимация в after effects — разработка анимации для сайта-заглушки. ai и вайбкодинг 10. айдентика кайференции на нейронках — визуал через связку krea, runway и gpt. 11. как убрать пластиковый эффект кожи в AI — пайплайн генерации реалистичной текстуры. 12. вайбкод для дизайнеров: интерактивный UI-эффект — как без опыта в коде быстро собрать эффект с нуля. 13. создаем сайт с помощью нейросетей — вайбкодим и тестируем инструменты. карьера и портфолио 14. портфолио дизайнера: что и как показывать — упаковка кейсов сегодня, выделяемся при найме. 15. карта компетенций и система грейдов — оценка и критерии роста в студии. 16. рисуем вместе кейс на behance — собираем и упаковываем проект в портфолио. 👍 если полетело в избранные!

→ Figma MCP + Claude Code + Higgsfield Дизайн делала сама полностью – от идеи до финального визуала. Все генерации (пухосос, лужесос и другие сцены) делала в Higgsfield. Верстку, анимации и поведение интерфейса задавала через Claude Code. На все ушел всего один вечер…😲 Все больше приходит ощущение, что как дизайнеру мне все реже придется привлекать разработчиков для простых лендингов и многостраничников – я это уже все могу и сама…💡 Обратите внимание на ненавязчивые анимации, ховерочки и т.д. #полезное #клод #кейсы

Вот так выглядит рабочий прототип (приложил к посту), который ты тестируешь с разработчиком. Контекст: тебе надо понять смогут ли твои программисты реализовать новый функционал. И ты здраво хочешь минимально потратить ресурсов на этот эксперимент. Что делать? Для этого базово списком описываешь основные функции и без дизайна отдаешь программистам. Это хорошая методика проверенная мной годами. Всегда тестируйте сложные функции на таких демках с прогерами до старта дизайна. Постоянно вылазиют на этом этапе "ограничения", которые можно учесть в дизайне. Говорю вам, как старый пес войны продакшена. И с гордостью сообщаю, что у меня самые шустрые прогеры на Диком Западе. В среду я показал вам сырую демку только верстки (фронтенд). На следующий день мне прислали этот статус. И они уже доделали бекенд и соединили его с фронтом. Теперь это рабочий функционал, осталось только нарисовать красивый интерфейс, накрутить на него фронт и гоу-гоу-гоу на продакшн. Срок? Надо найти окно в таймлайне дизайнеров, сделать дизайн, а потом верстка и далее тестирование. Думаю через месяц уже можно делать публичный бета-запуск нод в utopy.ai. Как думаете это много или мало? Интересно ваше мнение. 🔥 - быстро, давай догоняй конкурентов в таком темпе 😅 - хочу быстрее, пора тестировать ноды в utopy.ai ❤️‍🔥 - интересно, рассказывай еще

→ CapCut + Figma MCP + Claude Code В этот раз собирала дизайн и монтировала видео в Figma + CapCut, верстку полностью отдала Claude Code – просто попутно объясняя, что я хочу видеть. У меня это заняло 1-2 рабочих дня на все-превсе. А потом говорят «да че там, пару кнопок нажал и готово»😑 В этот раз без инструкции для клодика, так как верстка слишком кастомная, только запутаю всех… #полезное #клод #кейсы

Кейс NDA. Поэтому, увы, покажу вам бокал, но зато расскажу как это было и как можно получить действительно качественный результат. ⚡️ Дано: презентация pptx на 18 слайдов со сложными схемами. В некоторых схемах 3х-ступенчатый уровень вложенности (кто сталкивался — поймет КАК это больно верстать). 💥 Результат: лендинг на 18 экранов в Claude Design за 3(!) часа с сохранением контента, стиля компании, анимациями и интерактивными схемами 🏃‍♂️ Что получилось: — дословный перенос контента — сохранение фирменного стиля компании — сложные, многоэтажные, статичные схемы стали интерактивными. И это стало главным вау-эффектом для заказчика — спецэффекты без боли: анимации появления экранов и отдельных блоков, эффекты стекла и плавные переходы. 🥲 Главное в этом кейсе — это скорость и возможность повторить алгоритм на других презентациях. Напоминаю, эту красоту со сложнейшим контентом удалось сотворить (десктоп+моб версии) за 3(!) часа. По моему скромному мнению, это — невероятный результат. И наконец-то реальный кейс с эффективным использованием ИИ. Кстати, коллегам так зашло, что на встрече с заказчиком показывали именно лендинг, а не классическую статичную презентацию. 💥 Что нужно на вход, чтобы попробовать применить у себя: — собственно оформленная презентация, сохраненная в .pdf. Но если у вас совсем нет времени, то супер базовая верстка и отдельно прикрепить визуалы. 👀 Важный нюанс: все визуалы прикрепляю отдельными вложениями и прописываю на каком экране какой визуал должен быть. — UI-кит стиля компании. Причем я делала компонентами не так много вещей: палитру, типографику и плашки) Все! Никакие skills, референсы и специальные промпты не давали такого результата, как ui-кит и базово оформленная презентация. Пишите в комментариях, если будут вопросы по алгоритму действий 🙏

Для оживления любого блока можно поставить на фон видео или написать код для эффектного слайдера, а можно воспользоваться тем, что дает нам сама Тильда и собрать вручную зацикленную пошаговую анимацию с плавной сменой фоновых картинок. Делюсь с вами готовым шаблоном с анимацией для бесконечного слайдера из семи изображений, которые медленно увеличиваются и плавно сменяют друг друга через прозрачность — Template id: 148628486 ✨ Примечания: 🧡 Если вам надо уменьшить или увеличить количество картинок, соответственно отнимайте или добавляйте ко времени ожидания (delay) 6 секунд за каждое убранное или добавленное изображение. ❤️ Сами картинки удаляйте, начиная с предпоследней (или добавляя после предпоследней), первую и последнюю не удаляйте, только меняйте время. 💜 Если вместо эффекта увеличения нужен другой, например, сдвиг вверх или вниз, то напишите мне, я помогу объяснить какие настройки требуются, тут не все так просто 😅 ❤️ Любые вопросы по анимации можете задать в комментариях к посту #тильда #верстка

1. Логофолио – Валерия Галата 2. Логотип для строительной компании – Виола Репак 3. Дизайн упаковки для пива – Анастасия Попова 4. Дизайн карточки товара – Ангелина Юнг 5. Брендинг для падел-клуба – Татьяна Грицай 6. Фирменный стиль для интеллектуальной олимпиады – Алина Соловьева 7. Дизайн и верстка каталога – Нина Соколова 8. Дизайн карточки товара – Ангелина Юнг Переходите, смотрите и поддержите проекты лайками🫶

→ Higgsfield + Figma MCP + Claude Code Благодаря инструкции Claude сможет быстрее сообразить как сделать такой слайдер 💻 1. Инструкцию нужно складывать в ту же папку, где у вас лежат все файлы по сайту (шрифты + те файлы, что вы будете делать по инструкции)/либо загружать её в чат с Claude с ссылкой на макет и другие материалы 2. Важно повторять все те действия, что описаны в ней – там пошагово сказано как и что делать не только с точки зрения верстки, но и как подготовить материалы ⚠️Обратите внимание, что помимо инструкции Claude нужно дать макет в Figma (с включенным MCP и загруженными фотографиями) + фото, видео 360° для каждой модели при ховере (всех моделей + видео я генерировала в Higgsfield, используя Nana Banana Pro и Kling) Ссылка на инструкцию🔗 *Выше я делала инструкцию как скачать/зайти/установить Claude #полезное #клод

Книга про то, как небольшие изменения в среде влияют на решения людей. Не через давление и манипуляции, а через архитектуру выбора: порядок вариантов, формулировки, настройки по умолчанию, визуальные подсказки. Почему это полезная книга для дизайнеров? Мы постоянно направляем внимание человек и влияем на его поведение. 🔸Например, в меню кафе можно просто перечислить позиции, а можно через верстку и акценты мягко направить выбор: выделить авторские напитки, поставить их выше, добавить маленькую пометку «выбор бариста» или визуально отделить их от базового меню. Формально выбор остаётся свободным, но дизайн помогает человеку быстрее принять решение. Хорошая книга, чтобы перестать думать о дизайне только как о «сделать красиво» и начать видеть в нём систему решений.

Введу в контекст: Валерия Еолян (@Valeria_Eolyan) и Никита Кисилев (@Nikita_Kisilyov) сделали дизайн промосайта на моем персональном обучении (Ultra UI: уровень Арт-дирекшн). Анимацию готового дизайна сайта приложил к этому посту. Потом я передал его команде TapTop на верстку. И мне каждый день присылают сцены на проверку. Отправляю как есть, в сыром трушном виде, чтобы можно было увидеть процесс разработки. 🟣Сцена 1 - https://site-65056.taptop.site/ 🟣Сцена 2 - https://site-76248.taptop.site/ 🟣Сцена 3 - https://site-05423.taptop.site/ 🟣Сцена 4 - https://site-73750.taptop.site/ Вам было бы интересно смотреть за процессом? Поставьте 🔥, если хотите, чтобы я делился ходом работы проекта до финального результата.

Пришло время перезапустить книгу в виде сайта! Запускаю ее в формате DocC: • доступна в онлайне, можно ссылаться на любой раздел, • верстка под мобилу и декстоп, • светлая/темная тема. Как и раньше книжка остается бесплатной. Как и раньше выпускать буду главами раз в пару недель, про обновления будет в этом канале. Сейчас доступна первая глава про общее понимание доступности, статистику и как пользоваться скринридером. Самое ценное что вы можете сделать: поделиться сайтом со своими знакомыми программистами, дизайнерами, продактами и рассказать в соцсетях. https://bookshelf.dev/a11y-book/">https://bookshelf.dev/a11y-book/

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

24 апреля в 13:00 (мск) я проведу открытый бесплатный мастер-класс для сообщества Web-коворкинг на тему: «Верстка на Тильде первого экрана по Window контейнеру с помощью Автолейаутов». Ссылка на трансляцию будет опубликована только в чате сообщества. Если хотите попасть на прямой эфир, то обязательно вступайте в чат 🔔 ✨ Трансляция пройдет в Яндекс Телемост. 📷 Запись эфира, конечно, будет! ❤️ По любым вопросам пишите в комментариях