Оффтоп Maria Łacińska
27 730

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

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

В закладки

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

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

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

#новость

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

Написать
{ "author_name": "Maria Łacińska", "author_type": "editor", "tags": ["\u043d\u043e\u0432\u043e\u0441\u0442\u044c","\u043d\u043e\u0432\u043e\u0441\u0442\u0438"], "comments": 41, "likes": 47, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 24161, "is_wide": true, "is_ugc": false, "date": "Wed, 31 May 2017 11:52:21 +0300" }
{ "id": 24161, "author_id": 103610, "diff_limit": 1000, "urls": {"diff":"\/comments\/24161\/get","add":"\/comments\/24161\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/24161"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

41 комментарий 41 комм.

Популярные

По порядку

Написать комментарий...
19

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

Ответить
16

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

Ответить
6

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

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

Ответить

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

4

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

Ответить
1

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

Ответить
4

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

Ответить
1

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

Ответить
7

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

Ответить
7

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

Ответить
12

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

Ответить
26

MS word - save as HTML ))

Ответить
3

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

Ответить
15

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

Ответить
14

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

Ответить
9

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

Ответить

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

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

8

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

Ответить
3

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

Ответить
37

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

Ответить
0

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

Ответить
7

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

Ответить
2

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

Ответить
–1

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

Ответить
4

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

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

Но можно.

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

Ответить
0

Обычно это основывается на статистике посещаемости конкретных сайтов и пока что довольно таки много юзеров заходят с ИЕ11

Ответить
0

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

Ответить
2

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

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

Ответить
4

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

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

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

Ответить
1

хорошую верстку можно автоматизировать

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

Ответить
4

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

Ответить
4

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

Ответить
2

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

Ответить
0

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

Ответить
1

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

На что же еще?

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Команда калифорнийского проекта
оказалась нейронной сетью
Подписаться на push-уведомления