🏗 Конвертируем сайт в Figma
Бывают заказы, сделать похожий по дизайну сайт. Чтобы ручками не копировать всё содержимое, можно воспользоваться плагином html.to.design.
Плагин загрузит страницу и создаст .fig файла с точно таким же содержимым. Самое приятно — все объекты редактируемы, можно будет подстроить всё под себя.
Попробовать html.to.design
#инструменты
↗️Как быстро собрать сложную схему с ИИ
Есть бесплатная платформа draw.io - онлайн-редактор для схем, диаграмм, архитектуры. Работает из РФ прекрасно, не требует регистрации. Можно рисовать воронки, майндмэпы, флоу процессов, всё что угодно. По умолчанию нужно рисовать ручками. Но для больших проектов неудобно.
➡️Провели эксперимент: создание уже готовых схем для draw.io через ИИ. Взяли спецификацию ТГ-бота на 1700 строк - с сущностями, роутером, 16 FSM-состояниями, интеграциями. Загрузили файл + промпт с описанием задачи: собрать это всё красиво в схему.
❓Над задачей работали GPT и Claude. На видео показываем, как это всё быстро происходит. Обе нейронки выдали готовый файл, который просто открывается в draw.io и на рабочем поле вырастает структура.
Claude справился лучше: 7 чётких зон, структура читается, цвета работают. GPT выдал всё, но визуально — стена, сложнее ориентироваться. У обеих нейронок есть блоки, которые поехали по размеру. Но это мелочи, легко тут же правится.
На более простых схемах Claude даёт просто идеальную картинку, которую тут же можно экспортировать в PDF или JPEG. Качество экспорта хорошее. Всё чётко видно.
💡Что важно указать в промпте, чтобы не получить месиво из блоков со стрелками во все стороны:
◽️ Зоны визуально разделены (фоны или swimlanes)
◽️ Цветовое кодирование для разных типов элементов
◽️ Стрелки угловые (orthogonal), не диагональные
◽️ Легенда с обозначениями
◽️ Результат: файл .drawio
#ИИ#AI#Нейросети#drawio
———
#Инструменты#Схемы
✍️ Подписывайтесь: @aiforproduct