Артур Андрейко / Дизайнер
Відкрити в Telegram
Ментор, коуч, хероуч, наставник, травник, хиромант.
Показати більше1 008
Підписники
-224 години
-47 днів
-830 днів
Архів дописів
В общем подключил CodeX к WordPress. И он там может прям им управлять и верстать дизайн как угодно, хоть создавать темы, хоть через Elementor.
Если правильно подготовить макет, называть слои, сделать адаптивки, написать ему тз по каждому экрану, траншейнам, анимации и тд, то он верстает 1 в 1 как в макете, потому что берет код прям из фигмы DevMode.
Единственный минут, если это не чистая верстка то лимиты испаряются за одну операцию. То есть, 5 часовых лититов хватает чтобы сверстать 1 лендос. Я сначала негодовал. А потом подумал. А когда это я руками мог за 5 часов собрать лендинг? У меня на это уходило 3-5 дней.
Но это на базовом тарифе за 2500 в месяц. На тарифе про за 8500 в месяц, таких проблем нет.
И теперь представьте просто. Все мои проекты всегда руинили программисты и верстаки, они никогда, ни единого раза за 15 лет не сдали мне проект в срок. И даже закладывание дополнительного месяца в срок разработки не помогало. Ну и пошли они нахер.
Теперь при правильном подходе мы можем делать полноценный проукт для клиента в одно лицо, без рутины и с кайфом.
Причём с можно заверстать всё в HTML, натянуть на wp, webflow, Tilda, на что угодно и поддерживать его.
Ну сказка. Осталось всё задокументировать это в понятный процесс и заниматься только дизайном, а остальным пусть агенты занимаются :)
В общем так, нейронка не умеет делать дизайн, она умеет делать функцию, есть гипотеза, и я её буду проверять, что её надо обучить дизайну.
Потому что она даже с учётом готовых прототипов, которые я ей дал, забивает хер на дизайн, стиль, типографику, ну прям криво косо всё получается.
Ну посмотрим что можно из неё выжать.
В общем, что умеет нейронка? В рутину и оптимизацию, например обернуть всё в автолейауты, или пройтись по всем страницам и адекватно назвать и прогруппировать слои, или сделать адаптивки, и даже сгенерировать фотки и наполнить твой прототип рыбным контентом.
Что она не умеет?
Делать дизайн. Я прикрепил наглядный пример того, как она сделала дизайн этого экрана с учётом того что я ей дал лэйауты, и стиль. Она не умеет делать дизайн системы, а так же видеть локальные шрифты, которые являются существенной частью дизайн-системы.
Я еще эту недельку хочу её научить делать именно дизайн, так как я хочу.
Следующий этап тестирования:
1. Сделать прототип самому
2. Попросить кодХ расскрасить макет и добавить стиля на основании референсев.
Вот тут, я хочу научиться учить её стилю и концепции. То есть ей надо конкретно говорить что и откуда брать для концепции, потому что ей пох, она просто выдаёт лютые шаблонные решения.
Если это не поможет, то останется только одно. Делать дизайн ручками как и делали, а дальше всё производство оптимизировать.
Сколько времени вы тратите на адаптивки? ) CodeX потратил 9 минут 47 секунд. Жесть просто.
+1
CodeX Вокал и Хачапури
В общем, рапортую :)
Сразу скажу что всё пошло не по плану, потому что с утра я сел делать дизайн, проанализировал донора, собрал прототипы и кодХ начал делать дизайн.
В 10:23 утра закончились лимиты и пришлось ждать 14:23 для сброса лимитов, потому что нах покупать токены, если можно подождать.
Я решил время не терять и записал вокальный рилс. Вот он https://www.instagram.com/reel/De1Z6ULoY4p/?vrfl=MTJ2NHFqb3l3dndjZA==
Собрал свои 250 просмотров и 4 лайка, и когда лимиты обновились Code X погнал генерить фотки и адекватные лэйауты. Я задал ему пару Prata и Manrope. Самые адекватные из гугловых.
Пока он это делал я поехал на вокал, поэтому с 14 до 17 не мог ничего править. А когда приехал домой, надо было идти за Летой Конфетой в сад :) и мне стрельнуло напечь хачапурь на выходные. С картофаном и другие с сыром :)
По сути на сегодня у меня есть вокальный кавер, хачапури и полностью готовый дизайн, но который надо поправить. Я его полностью допилю к понедельнику и выкачу проект.
В какое удивительное время мы живём :)
Сегодня знаете чё буду делать? 😂 Аж ручки дрожат. Потестирую, а как справится Codex с лендосами для кейсов?
Задача: Сделать за день 3 лендинга в разном дизайне, стиле и с разным контентом, чтобы потом завернуть их в кейсы. Я думаю потом и дизайн самих кейсов ему тоже отдать.
Для минимизации гемора он будет работать на гугловых шрифтах в стилях, и выводить всё в минимальную дизайн систему с компонентами, чтобы быстренько всё можно было отредачить.
Pipeline следующий:
Собираю три мудборда
Задаю шрифты базово
Генерирую тексты для лендосов по заданной структуре
Дальше вилка надо тестить
А. Собираю прототип из готовых лэйаутов и даю ему задание сделать дизайн по ним
Б. Задаю ему систему лэйаутов и прошу сделать дизайн на основе текстов
Редактирую.
***
Изображения все генерю.
Прошу отказаться от автолэйаутов, в легдах они нах не впали, приходится ломать чтобы править.
Все повторяющиеся элементы оборачиваю в компоненты.
Шрифты и цвета в стили.
***
Пока так, вечером покажу что получилось.
В общем кайф, за день набульбенил 6 мощных сторилайнов по клубным продуктам, за денёк пройдусь, отредактирую, причешу и пущу в актуальное. Раньше хз, я наверное недели 2 подобное пилил бы ) Лень — Страшная сила )
Дорогой дневник. С 8:30 утра, уже 3 часа как я бьюсь с CodeX чтобы он увидел локальные шрифты. Он их не видит и поэтому во всех проектах в Figma заменяет их на похожие из гуглодока. Spaceland всегда заменяет на Oswald, гротески на Inter. Но это ладно, можно же пройтись и ручками поправить стили. Но проблема усугубляется тем, что даже если у тебя есть стили, но в стилях локальные шрифты, то он не может назначить этот стиль. А это значит, что пока не решить этот вопрос, то работать с дизайн-системой невозможно.
А теперь вообще отвал башки.
Агент делает дизайн, правит, и поддерживает дизайн по запросам.
Я протестировал его на серии сторис. Процесс следующий:
1. Я дал ему сайт и попросил взять от туда стиль, структуру и тексты.
2. Дале ему шаблон сториков.
3. И попросил задизайнить.
Важное уточнение. Я сразу попросил чтобы щрифты и цвета он обернул в стили.
И бам. 3 минуты и серия сториков готова. Потом прошелся, стили и отступы поправил и у тебя твой готовый дизайн по твоей дизайн системе. Ну разве это не здорово?
От дизайна до вёрстки 2 часа с CodeX
https://hamilton-x-wind-design.luckywood2.chatgpt.site/
Анимации, адаптивы, скрипты.
С косяками конечно, но я макет вообще никак не готовил, и тз не писал.
Если сразу подготовить все варианты, компоненты, назвать правильно слои, завернуть в автолейауты, сделать адаптивки и написать тз, то 90% верстки CodeX будет корректно делать 90% вёрстки сразу.
Осталось потестить разные сценарии анимации, CMS, многостраничность и оптимизации. И в путь, сайт клиенту теперь можно делать за недельку припеваючи )
Если честно я сейчас заплачу от счастья. Уже долгое время я наблюдаю за идиотами в рилсах, которые копируют промты кормят их клоду и выдают это за создание сайта в полпромта.
Но я же дизайнер, и я люблю сайты. И я в ахере что сейчас происходит. Я связал фигму с Codex, даю ему Frame с дизайном, и он делаем мне адаптивную верстку. Я в ахере просто.
Пока что гоняю на HTML, как всё отработаю буду пробовать разные CMS. Это то что я ждал. На конец мы можем оживлять наш настоящий дизайн.
Завтра выкачу онлайн.
Да, вы увидели то что увидели. Я только что скопировал готовый сайт в проект в фигмы, по слоями и автолейаутам. Да, в 2 клика.
Мы вступаем в большуууууущую кучу под названием mcp и ai агенты.
Боюсь представить что будет дальше. Прям подташнивает.
Кароч прикинь тема, например ты можешь связать своего ии агента с фигмой через mcp сервер и от тебе может работать в драфте по твоим промтам, делать макеты, заменять фотки, называть слои и тд.
Так вот. Теперь представьте этот инструмент в руках недоучек.
Запись эфира
https://youtu.be/C3aXPTslHnE
Как и обещал, залил запись на ютубчик, будет доступна ограниченное время.
Программа эфира:
— Почему ИИ не замена дизайнера, а его усиление?
— Почему невозможно угнаться за всеми нейросетями и почему вообще не нужно этого делать?
— Как нейросети меняют рынок дизайна, и как быть к этому готовым?
— Как понять, какой инструмент выбрать под задачу, и не гнаться за хайпом?
— Подробный путь от брифа до готового визуала без рутины
— Основные ошибки херовых генераций (нейрослопа)
— Как привлекать клиентов на дизайн через социальные сети при помощи нейронок?
Записаться на НЕЙРОБУСТЕР
https://modules.club/neurobuster/
Эфир стартует через 1 час
Ссылка на трансляцию
https://modulesclub.getcourse.ru/pl/webinar/show?id=3336278
Программа эфира:
— Почему ИИ не замена дизайнера, а его усиление?
— Почему невозможно угнаться за всеми нейросетями и почему вообще не нужно этого делать?
— Как нейросети меняют рынок дизайна, и как быть к этому готовым?
— Как понять, какой инструмент выбрать под задачу, и не гнаться за хайпом?
— Подробный путь от брифа до готового визуала без рутины
— Основные ошибки херовых генераций (нейрослопа)
— Как привлекать клиентов на дизайн через социальные сети при помощи нейронок?
Все участники прямого эфира получат бонус:
Гайд «10 проверенных промтов для идеальных результатов в дизайне»
Ссылка на трансляцию
https://modulesclub.getcourse.ru/pl/webinar/show?id=3336278
Я приготовил для вас нечто особенное. Завтра будет очень сильный эфир про нейронки, без лабуды, как есть. И там я расскажу про Нейробустер, завтра откроется набор, и количество мест будет ограниченным.
Но сегодня ровно до 23:59 по МСК я даю возможно записаться первыми со скидкой 50% + урвать два любых воркшопа на выбор https://modules.club/workshops/
Как записаться на НЕЙРОБУСТЕР со скидкой в 50%?
1. Заходишь на сайт https://modules.club/neurobuster/
2. Выбираешь тариф
3. Заполняешь поля
4. В поле с промо-кодом вводишь NBS50
5. Оплачиваешь и пишешь мне какие воркшопы выписать тебе бонусом
И лучшее предложение у тебя, можешь сразу приступать к занятиям. Всего 5 мест со скидкой.
Жду на курсе первым 😎
Всем привет! Напоминаю что уже завтра, 15 октября в 15:00 по МСК я проведу прямой эфир:
«Нейросети в реальном проекте: от брифа до готового визуала»
Сейчас вокруг нейронок много шума и откровенной дезинформации, дизайнеров хоронят каждый день, дешёвые клиенты отваливаются, снижается порог входа в профессию, и так далее, да да да, много есть но, и поэтому я и решил провести этот эфир. Один раз рассказать обо всём как есть и разложить по полочкам.
...
Программа эфира:
— Почему ИИ не замена дизайнера, а его усиление?
— Почему невозможно угнаться за всеми нейросетями и почему вообще не нужно этого делать?
— Почему ИИ не замена дизайнера, а его усиление?
— Как нейросети меняют рынок дизайна, и как быть к этому готовым?
— Как понять, какой инструмент выбрать под задачу, и не гнаться за хайпом?
— Подробный путь от брифа до готового визуала без рутины
— Основные ошибки херовых генераций (нейрослопа)
— Как привлекать клиентов на дизайн через социальные сети при помощи нейронок?
В конце расскажу про «Нейробустер» — курс где мы ты научишься применять нейронки на дизайнерских задачах, ускорить и улучшить свой дизайн.
...
Все участники прямого эфира получат бонус:
Гайд «10 проверенных промтов для идеальных результатов в дизайне»
Ссылка придёт завтра в 14:00 по МСК, не пропустите.
