Yusei Teramoto’s own documentation confirms a Claude Code workflow for generating and comparing multiple UI alternatives, and his September post confirms a Figma-like comparison canvas, but no public package, model matrix or complete format specification could be verified.
Дизайнер от Canary тества четири оформления на екрани, генерирани от изкуствен интелект (AI)
Юсей Терамото разработи автоматизиран инструмент за едновременно сравнение на интерфейси, но софтуерът остава достъпен само за вътрешно ползване в компанията.
Същината
Японски софтуерен дизайнер използва изкуствен интелект (AI), за да създава четири интерактивни варианта на уеб страници от един-единствен планов документ за 30 минути, което позволява на екипите да оценят компромисите в дизайна, преди да пристъпят към цялостно програмиране. Макар демонстрацията да показва как автоматизираният код помага за паралелно сравняване на идеи, програмата остава вътрешна разработка на компанията и не се предлага за свободно изтегляне.
Акценти
- Автоматизираният инструмент на Canary създава четири интерактивни уеб прототипа от един-единствен планов документ за приблизително 30 минути.
- Работният процес генерира стандартни уеб страници за паралелно сравнение вместо специализирани файлове за дизайнерски платформи като Figma.
- През август Anthropic добави независимо подобни възможности за генериране на екранни оформления в своя инструмент за програмиране Claude Code.
- До момента няма публикувано отворено хранилище с код, инсталатор или страница за изтегляне на инструмента за сравнение на Canary.
Из дневника на редактора
Изкуственият интелект (AI) ускорява създаването на софтуерни интерфейси, но реалната му полза зависи от това дали екипите използват тази скорост, за да бързат към крайното производство, или за да спрат и изберат по-добра алтернатива.
Кой участва
Юсей Терамото (Yusei Teramoto) „Mayugelion“
ръководител на отдела за дизайн в японската софтуерна компания за имоти Canary, създал експерименталните работни процеси
цел → да помогне на екипите да проучват множество идеи за интерфейс с минимални разходи, за да избират най-доброто решение, а не първото хрумнало
Canary Inc.
японската компания за имотни технологии, тестваща автоматизирания процес на проектиране
цел → да изпитва по-бързо нови софтуерни функции, запазвайки съответствието на екраните с корпоративния си стил
Anthropic
компанията за изкуствен интелект (AI), която стои зад Claude Code и свързаните с него специализирани инструменти
цел → да предостави възможност на софтуерни агенти да чертаят екрани и да автоматизират рутинни задачи по програмиране
Figma
популярната платформа за проектиране на екрани, масово използвана в технологичната индустрия
цел → да служи като работна среда за финално оформяне на дизайна, след като екипите вече са избрали посока на развитие
Накратко
Софтуерните дизайнери вече могат да използват изкуствен интелект (AI), за да генерират едновременно няколко варианта за оформление на потребителски интерфейс. Това променя ежедневната им работа от чертане на отделни страници към оценка и подбор на конкурентни решения. Процесът очертава тенденция, при която екипите за дигитален дизайн ще спрат да изграждат екраните един по един, а вместо това ще избират между генерирани от машина алтернативи, преди да преминат към детайлна разработка. Дали тази промяна ще навлезе масово на пазара обаче остава несигурно, тъй като инструментът не е пуснат за свободно ползване и външни екипи не могат да го тестват или инсталират.
Юсей Терамото (Yusei Teramoto), който ръководи продуктовия дизайн в японската технологична компания за недвижими имоти Canary, демонстрира специализирана програма, създадена за Claude Code — инструмента за автоматизирано програмиране на компанията Anthropic. В публикация в интернет от 10 септември Терамото показа как с една-единствена команда няколко чернови на екрани могат да бъдат разположени върху общо дигитално табло за директно сравнение. Проверките обаче показват, че липсват публични връзки за изтегляне, файлове или инструкции за инсталация на софтуера.
Системата надгражда вътрешен метод, описан от Терамото през април. Неговият помощен скрипт прочита базов технически план, извлича основните изисквания и генерира четири работещи уеб прототипа за около 30 минути. Вместо да създава статични изображения за платформата Figma, широко използвана в индустрията за проектиране на интерфейси, софтуерът пише интерактивни уеб страници. По този начин екипът на Canary може да тества удобството на работа и да обсъжда компромисите в дизайна, преди да пристъпи към окончателно решение.
Как се разви
Canary превръща автоматизираните чернови в ежедневна практика
Компанията Canary започна с автоматизирането на единични прототипи за екрани, за да позволи на продуктовите мениджъри да преглеждат нови функции, без да чакат с дни ръчно изработени проекти. През февруари Терамото поясни, че ръчното чертане на първоначалните екрани е отнемало време, необходимо за проверка дали потребителите всъщност имат нужда от съответните функции. Макар този ранен работен процес да ускори създаването на индивидуални прототипи, екипите все още бяха принудени да разглеждат само по една идея в даден момент.
Canary създава инструмент за едновременно сравнение на четири идеи
Бързото разработване на отделен дизайн не реши по-дълбокия проблем: дизайнерите все така не разполагаха с време да подготвят и съпоставят няколко различни оформления за една и съща страница. На 14 април Терамото представи вътрешен инструмент, който приема писмен план и автоматично генерира четири различни работещи оформления. В Canary използваха създадената страница за сравнение, за да обсъдят силните страни и да запишат решенията си, преди да преминат към детайлно чертане във Figma.
Anthropic добавя генериране на екранни оформления директно в Claude
Четири месеца по-късно Anthropic представи собствен визуален инструмент в рамките на Claude Code. Той предлага интерактивни работни площи, които позволяват на програмистите да изберат оформление на екрана и да го превърнат в работещ програмен код. Докато подходът на Anthropic залага на бързия преход от визуален избор директно към софтуерно програмиране, системата на Терамото съзнателно запазва стъпка за размисъл: тя задължава колегите му да съпоставят четири чернови, да оценят плюсовете и минусите и да запишат общо съгласувано решение, преди да започне писането на окончателния код.
Терамото показва широко цифрово платно за преглед на интерфейси
През септември Терамото представи нова модификация, която разполага няколко концептуални екрана на общо визуално пространство, подобно на дигитална бяла дъска. Публикациите му показаха прототипи, свързани с насочващи линии за проследяване на потребителските стъпки, както и съчетание между визуални екрани и диаграми за структуриране на данните. Демонстрациите очертават разширяващ се пакет от вътрешни инструменти за дизайн, макар че Терамото не е предоставил програмните файлове за външно ползване.
Докъде стигна историята
Терамото е изградил работещи инструменти за автоматизирано генериране и сравнение на потребителски интерфейси, а служителите на Canary потвърждават, че ги прилагат в ежедневната си практика. Системата обаче съществува единствено като вътрешни конфигурационни файлове в хранилищата с код на компанията. Проверките в публичното пространство не откриват свободен архив с код, разширение за браузър или инсталационен пакет.
Софтуерът прочита цели на проекта, формулирани в обикновен текст, превръща ги в структурирани правила и извежда работещи уеб прототипи заедно с обобщена страница. Той създава стандартен уеб код вместо специализирани файлове за платформата Figma и към момента функционира единствено върху платформата Claude на Anthropic. Дали Терамото планира да пусне инструмента за публично ползване или да го адаптира за други модели с изкуствен интелект (AI), все още не е обявено официално.