Датский стартап научил нейросеть верстать интерфейсы сайтов и приложений по макету

Датский стартап Uizard Technologies представил нейросеть pix2code, которая генерирует готовый код на основе изображения пользовательского интерфейса. На это обратило внимание издание N+1.

Алгоритм pix2code позволяет автоматизировать процесс верстки интерфейса программы или сайта. Нейросеть способна генерировать код для приложений под операционные системы iOS и Android, а также для сайтов.

Точность генерации, по заявлениям Uizard Technologies, составляет 77%. Разработчики планируют повысить этот показатель с помощью тренировок нейросети.

Uizard Technologies планирует опубликовать прототип на GitHub, но не собирается делиться исходным кодом pix2code.

0
41 комментарий
Написать комментарий...
Max A. Glukhov

Верстальщики! С вещами на выход!

Ответить
Развернуть ветку
Maxim Ivanov

Верстальщики, постойте! На демо показаны лишь компоненты и лейаут. Ставлю на то, что система обделается с более-менее нестандартным дизайном.

Ответить
Развернуть ветку
Maxim Ivanov

Тулза таки верстает только по чётким датасетам, пиксель влево пиксель вправо и она обламывается.

А верстальщики и правда не нужны. Что это ещё за профессия такая? У нас все фронтендеры любят и делают вёрстку, им так проще, быстрее. Верстальщик, как профессионал, просто не нужен.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
VVilliam Blake

А вы думаете фронтендерами сразу становятся? Верстальщик - это фронтендер первого левела.

Ответить
Развернуть ветку
Евгений Алленов

Вот плюсану, начинал с верстки тоже лет 6 назад

Ответить
Развернуть ветку
Vadim Alexandrov

а у нас и дизайнеры умею и могут в верстку, да ещё и по фронт-энду тесно сотрудничают с разработчиками :)
специалист умеющий только верстку и ничего более сейчас и правда странновато выглядит.

Ответить
Развернуть ветку
Вячеслав Осадчий

Вот про "любят" вообще не могу сказать.

Ответить
Развернуть ветку
Aline Beschetnikova

Вангую, что еще лет 5 у них есть) Сколько мы уже всего слышали о "супер инновациях" и где они все?

Ответить
Развернуть ветку
Max A. Glukhov

Может быть... но потом...

Ответить
Развернуть ветку
Konstantin Shishkin

Показали бы код который генерируется.

Ответить
Развернуть ветку
Kirill Sokol

MS word - save as HTML ))

Ответить
Развернуть ветку
Максим Масин

Вот тоже интересно: сколько лишних строк вся эта штуковина будет генерировать, скажем, на "Hello World!"...

Ответить
Развернуть ветку
Andrey Azarov

Узнал что можно перетаскивать файл в консоль)

Ответить
Развернуть ветку
Sergey Gostev

Следующий заголовок: Датская нейросеть научилась делать стартапы по макету. Создатели датской сети сожгли дата-центр, Серверы и бекап датской нейросети

Ответить
Развернуть ветку
Victor

Никого не насторожило что оно по png картинке даже сделало эффект "наведения" и "клика" на кнопках?)))
А по сути оно тупо bootstrap элементарные вещи пытается распознать, но как обычно шаг вправо, шаг влево и всё поломалось...

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Roman BL

Лучше пусть наверстает мне упущенное

Ответить
Развернуть ветку
робот Вертер

Если эта штука умеет делать "костыли" в коде и поддерживать ie8 - тогда интересно. Если нет, то нет.

Ответить
Развернуть ветку
Maxim Ivanov

Пользователи с IE<11 — не люди и их можно не брать в расчёт.

Ответить
Развернуть ветку
робот Вертер

Во многих крупных учреждениях софт системный стоит с момента наката сборки и никогда не обновляется, так что, например, в банковской сфере (и не только) ишак до сих пор актуален.

Ответить
Развернуть ветку
Vadim Alexandrov

стандартный холивар про крупные учреждения с ie6/7/8, и всегда обязательным атрибутом является упоминание банковской сферы :joy:
сочувствую тем, кому приходится это делать.

Ответить
Развернуть ветку
робот Вертер

Бабосы там хорошие и задачи интересные, нетривиальные, так что можно и ишака потерпеть

Ответить
Развернуть ветку
Alexander Rodionov

всем похуй на них

Ответить
Развернуть ветку
color

Всё хуйня про банковскую сферу, как работник банковской сферы говорю. Раньше IE был актуален из за библиотек криптографии, которые под ActiveX внедрялись в память, сейчас вся та же хренота гостовская, но через NPAPI и Native Messaging.

Труднее конечно, да и кода в разы больше, плюс обслуживать разные браузеры не просто.

Но можно.

Короче, кто не смог, тот в IE сидит, кто смог, перешли на хромиумы и разиваются дальше.

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Vladimir Osipov

Ну не то чтобы много https://www.w3schools.com/browsers/

Ответить
Развернуть ветку
Andrey Petrov

Это настолько общая статистика, что к конкретному проекту практически не применима.

Всегда нужно учитывать особенности ЦА (как пример, выше писали - банковская сфера, телеком и т.д.)

Ответить
Развернуть ветку
Dmitry Yaremenko

Без реальной демки или хотя-бы архива/скриншота с генерируемым кодом, я бы не велся.

Был похожий случай с преобразованием Sketch в htmlс поддержкой responsive: https://protoship.io/tools/uipad.html . Тоже пару видео роликов и статей, а реального результата не видно. Примера генерируемого кода так же нет, помимо реакт-джаваскрипт кода и цветов которые тривиально можно получить. А вот кода css+html layout'а примера не приведено (в чем должен был быть основной value).

ИМХО, очередной hype... Хотя, я не спорю, что хорошую верстку можно автоматизировать, и в будущем будут подобные приложения, но в данном случае пока признаков успеха не вижу.

Ответить
Развернуть ветку
Артём Лисовский
хорошую верстку можно автоматизировать

если под автоматизацией понимать инструменты, то да.
если полный цикл - никогда.
верстальщик-человек верстальщику-человеку рознь. машине до слабенького говнокодера еще очень далеко

Ответить
Развернуть ветку
Yuriy Zolotov

По сути эта программа не верстает страницу, так как это было слишком круто, она просто распознает бутстрап элементы и раставляет их согласно шаблону. В реальном мире проще было бы дизайнера попросить сверстать этот макет тут http://www.layoutit.com/

Ответить
Развернуть ветку
Alexander Matveev

Спасибо, что не бот для Телеграмм

Ответить
Развернуть ветку
Алексей Тарасов

У меня подозрение, что там все блоки с position: absolute. Ни об адаптивной ни о резиновой вёрстке сеть ничего не слышала. Это подойдёт только конструкторам прототипирования, нарисовал карандашом кнопку - появилась кнопка.

Ответить
Развернуть ветку
Артём Лисовский

Возможно, но вряд ли. Бутстрап же

Ответить
Развернуть ветку
Александр Дайверов

Пора сваливать

Ответить
Развернуть ветку
Roman Sentyuryov

https://github.com/tonybeltramelli/pix2code
А датасеты я вам покажу потом, когда подготовлю )

Ответить
Развернуть ветку
Roman Sentyuryov

Это типа цитата была

Ответить
Развернуть ветку
Nestor Nesterov

На лайки надеялся?

Ответить
Развернуть ветку
Roman Sentyuryov

На что же еще?

Ответить
Развернуть ветку
Sakari Sauso

Датский стартап научил нейросеть в dreamweaver
Выглядит немного топорно, но надеюсь это только начало

Ответить
Развернуть ветку
Slava Eremin

Так был уже artisteer, который это делал автоматом, закончилось все тем, что на нем наклепали много дорвеев и других мусорных сайтов и поисковики начали банить все по-умолчанию, и ценность ручной верстки еще сильнее подскочила, не говоря уже о проектах, к которым такую верстку не прикрутить

Ответить
Развернуть ветку
Eugene Yudin

Читаю "детский стартап"... =)

Ответить
Развернуть ветку
Сергей Шацкий

Тем не менее рано увольнять верстальщиков, эта программа ещё даже не попала в руки пользователям, а когда попадет найдется куча багов и ещё много месяцев уйдет на фикс этих багов, и машинам доверять такую работу никакая серьезная компания не будет.Хотя приятно.

Ответить
Развернуть ветку
38 комментариев
Раскрывать всегда