Мастерим формы с искусственным интеллектом

10.03.25

Разработка - Работа с интерфейсом

Внешняя обработка для создания прототипов форм на основе текста в стиле Markdown. Теперь с чатом ИИ и генерацией кода программного создания реквизитов.

 

 

Накидка - это инструмент для быстрого создания прототипов форм. В её основе лежит язык разметки, который позволяет описать структуру формы обычным текстом. Достаточно написать текст, нажать «Сформировать» и на экране появится готовая форма. В первой статье был представлен краткий обзор языка. С тех пор система обзавелась новыми функциями: появились редактор групп, автоматическая генерация кода и интеграция с искусственным интеллектом. ИИ облегчает задачу, предлагая готовые варианты и внося правки в существующие.

В этой статье я разберу элементы языка разметки и покажу, как шаг за шагом создать прототип формы. В качестве примера будет разработана форма документа «Поступление товаров», для которой продемонстрирую ключевые возможности обработки.

 

Запрос к ИИ

Начинаем с того, что открываем чат (кнопка со звездами) и отправляем запрос: «Как бы выглядела форма поступления с таблицей товаров?». Получаем ответ и двойным щелчком по нему переносим в редактор, затем нажимаем «Сформировать». На примере видно, что получилось в итоге.

 

 

 
 Ответ от ИИ

 

Использованные элементы языка разметки перечислены в таблице ниже.

 

Символ Значение
 ---Заголовок---   Заголовок формы
<|>  Командная панель с кнопками
:  Поле ввода. Слева заголовок, а справа значение
&  Объединение полей в группу
__С  Кнопка выбора поля ввода
 То, что похоже на таблицу  Таблица и есть

 

С кнопками ИИ немного нафантазировал, поэтому попросим его исправить это. Напишем в чат: «Измени названия кнопок на Провести и закрыть, Записать, Провести».

Мы можем попросить ИИ улучшить полученный результат. Например, добавить больше данных о поставщике. Отправляем запрос: «Добавь поля ИНН, КПП и Адрес». Результат можно увидеть под катом.

 
Ответ от ИИ

В итоге ИИ разделил форму на несколько страниц (символ "/") и перенес информацию о поставщике на отдельную страницу.

Однако, если мы посмотрим на поля ИНН и КПП, то они определились как числа. Нехорошо!

 

 

Исправим это вручную, назначив им нужные типы. Вы можете выбирать любые допустимые типы, включая ссылочные и составные.

ИНН: 1234567890 {Тип = Строка}
КПП: 9876543210 {Тип = Строка}
 
Результат с правильными типами

 

Редактирование таблицы

Далее мы хотим изменить таблицу, добавив в неё колонку «Характеристика». Для этого открываем Редактор таблиц (кнопка с таблицей), нажимаем «Добавить подколонку» и вводим заголовок.

 

 

После этого в панели просмотра заполняем таблицу данными и обновляем текст по форме.

 

 

 
Результат с многоуровневой строкой

 

Редактор групп

Наконец, хочу познакомить вас с Редактором групп (кнопка с папкой и стрелкой вниз). Он позволяет редактировать содержимое каждой группы отдельно, независимо от остального текста.

 

 

Итог

В итоге у нас получилась форма, состоящая из нескольких страниц и таблицы. В этом нам отчасти помог ИИ.

 

 

 
 Итоговый текст

 

--- Поступление товаров ---

< Провести и закрыть | Записать | Провести >
#                                  #
Контрагент: ООО "Рога и Копыта"__С + Номер: 123 & Дата: 01.01.2025
                                   + Склад: Основной__С

/Товары

	| Товар          | Количество | Цена | Сумма |
	| Характеристика |            |      |       |
	| -------------- | ---------- | ---- | ----- |
	| Товар 1        | 10         | 100  | 1000  |
	| Белый          |            |      |       |
	| Товар 2        | 5          | 200  | 1000  |
	| Синий          |            |      |       |

/Поставщик

	ИНН: 1234567890 {Тип = Строка}
	КПП: 9876543210 {Тип = Строка}
	Адрес: г. Москва, ул. Пушкина, д. 1

Что дальше? Этим результатом можно поделиться с заказчиком или разработчиком. Также можно автоматически сгенерировать код, который станет основой для дальнейшей доработки формы. Для этого достаточно нажать кнопку «Подготовить код». Ниже приложен листинг кода.

 
 Код программного создания

 

Ссылки для скачивания

Репозиторий - github.com/crimsongoldteam/md_design

Свежий релиз - github.com/crimsongoldteam/md_design/releases/latest

Документация - crimsongoldteam.github.io/md_design

 
 Как скачать?

 

Вайб-кодинг — ИИ пишет за вас в 1С

Решение «Вайб-кодинг» внедряет искусственный интеллект прямо в 1С: пишет корректный код, анализирует метаданные и помогает автоматизировать проектные задачи. Поддерживает GPT-4, Llama, Claude и Gemini.

Вступайте в нашу телеграмм-группу Инфостарт

обработка прототип язык markdown форма конструктор форм программная модификация искусственный интеллект

См. также

Работа с интерфейсом Анализ учета Мониторинг 1С:Предприятие 8 1С 8.3 1C:Бухгалтерия 1С:Бухгалтерия 3.0 1С:ERP Управление предприятием 2 1С:Управление холдингом 1С:Зарплата и Управление Персоналом 3.x 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Управление торговлей 11 Платные (руб)

Создайте свой функциональный интерфейс в любой конфигурации 1С с помощью расширения Infostart Dashboard. Настраивайте панели виджетов с метриками, индикаторами и показателями на начальном экране. Узнайте возможность внедрения подсистемы у себя в конфигурации с помощью бесплатной обработки "Анализ внедрения подсистемы 1С Infostart Dashboard"!

31720 руб.

27.03.2025    80501    54    42    

66

Инструментарий разработчика Нейросети Платные (руб)

Первые попытки разработки на 1С с использованием больших языковых моделей (LLM) могут разочаровать. LLMки сильно галлюцинируют, потому что не знают устройства конфигураций 1С, не знают нюансов синтаксиса. Но если дать им подсказки с помощью MCP, то результат получается кардинально лучше. Далее в публикации: MCP для поиска по метаданым 1С, справке синтакс-помошника и проверки синтаксиса.

15250 руб.

25.08.2025    49782    98    27    

114

Разработка Инструментарий разработчика Работа с интерфейсом Адаптация типовых решений Нейросети 1C:Бухгалтерия 1C:ERP 1С:ЗУП 1С:КА 1С:УНФ 1С:УТ 1С:Розница 1С:ДО 1С:ERP Управление предприятием 2 Платные (руб)

Разработка "Дизайнер форм 1С" реализована в виде расширения 1С и является универсальным инструментом для разработки прототипа форм с целью демонстраций, технических заданий и т.д. Без участия разработчика с возможностью экспорта в файл внешней обработки и генерации формы используя искусственный интеллект.

36600 руб.

28.08.2025    7663    2    2    

6

Нейросети 1С:Предприятие 8 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Управление нашей фирмой 3.0 Платные (руб)

Умный Excel" - ИИ-супердвигатель, который превращает часы работы в минуты! Технологии будущего уже здесь: загрузил Excel "магия ИИ" готовый результат

8540 руб.

02.07.2025    3736    2    0    

6

Нейросети Пользователь 1С:Предприятие 8 1С:Управление нашей фирмой 1.6 1С:Управление торговлей 11 1С:Управление нашей фирмой 3.0 Оптовая торговля, дистрибуция, логистика Россия Управленческий учет Платные (руб)

Расширение "Искусственный интеллект и нейросети в 1С: Работа с отзывами маркетплейсов" предназначено для применения искусственного интеллекта в повседневной деятельности селлеров на маркетплейсах. Среди функций - работа с отзывами, вопросами и чатами покупателей, диалог с нейросетями, генерация картинок, заполнение описаний номенклатуры и другое.

6100 руб.

03.04.2024    14825    8    0    

12

Работа с интерфейсом Системный администратор Программист 1С:Предприятие 8 1C:Бухгалтерия Платные (руб)

Расширение «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

6100 руб.

14.01.2016    60391    22    25    

47

Консолидация данных Работа с интерфейсом Программист Пользователь 1С:Предприятие 8 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 1C:ERP Узбекистан Беларусь Кыргызстан Россия Казахстан Платные (руб)

Знакомая ситуация? Пользователи, особенно менеджеры, уверены: отборов много не бывает. Идут пожелания добавить в форму списка еще один быстрый фильтр, еще два, еще пять... В итоге интерфейс превращается в нагромождение полей отбора, а потребность в «самом главном» отборе, который «вот прямо сейчас нужен», все равно не закрыта. Универсальное расширение, которое решает эту проблему элегантно и технологично. С его помощью в любую форму списка можно легко добавить панель настраиваемых кнопок-закладок, каждая из которых применяет сложный фильтр-запрос, а так же показывает актуальное количество элементов в реальном времени.

6088 руб.

17.10.2025    1980    3    0    

2
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. XilDen 791 10.03.25 14:50 Сейчас в теме
Очень достойная работа! Предлагаю идею для развития: помимо кода программного создания полученной формы создавать полученную форму ещё и в XML с возможностью импорта в 1С.
mybracho; +1 Ответить
2. nikitazherebtsov 102 10.03.25 15:19 Сейчас в теме
(1) Спасибо. Это, конечно, пугающая сложностью и манящая возможностями задача
pinkycat; XilDen; +2 Ответить
9. zap_home_mog 10 12.03.25 13:07 Сейчас в теме
(1) Звучит очень круто, и революционно!
nikitazherebtsov; +1 Ответить
17. nikitazherebtsov 102 13.03.25 10:09 Сейчас в теме
(1) Кто-то уже пробовал решить задачу генерации XML-формы? Не смог найти решений или наработок.
18. starik-2005 3237 13.03.25 10:56 Сейчас в теме
(17) Ничего там такого нет. Можно выгрузить конфу в проект ЕДТ, там этих форм будет завались. Скормить какому-нить ИИ, чтобы он структуру вытащил, если самому лениво. Дальше можно попросить ИИ на питоне код генерации написать, ну или сразу на 1С, но это будет сложнее.
19. XilDen 791 13.03.25 19:32 Сейчас в теме
(17) У меня сейчас в разработке Декомпилятор управляемых форм в XML, думаю в ближайшую неделю опубликую, можно будет оттуда позаимствовать алгоритм в этот проект)
20. nikitazherebtsov 102 13.03.25 22:23 Сейчас в теме
(19) Очень интересно! Буду ждать публикации
3. Viktor_Ermakov 400 11.03.25 14:45 Сейчас в теме
Идея очень классная, особенно в парадигме "все как код".
Никита, скажите, а возможность доработать существующую форму есть таким способом?
Выбираешь форму, накидываешь текст, и просматриваешь?
Так же формируется код 1С.
4. nikitazherebtsov 102 11.03.25 15:11 Сейчас в теме
(3) Благодарю. Сейчас такого нет. Реализовать технически возможно. С языком вопросы. Видимо, какие-то директивы Вместо, Перед, Переместить, Удалить. Сделаю issue, идея мне нравится.
5. Torin57 45 11.03.25 17:03 Сейчас в теме
Доброго дня. А какой провайдер ИИ используете? Он бесплатен?
И какая модель?
6. nikitazherebtsov 102 11.03.25 17:48 Сейчас в теме
(5) Добрый день. Использую Google: Gemini Flash 2.0 через openrouter. Эта модель платная.
7. kovalevdmv 82 12.03.25 09:50 Сейчас в теме
(6) А зачем через openrouter? Для gemini flash 2 есть http api и можно бесплатно использовать. Только ВПН нужен.
Andrey_Timofeev; +1 Ответить
8. nikitazherebtsov 102 12.03.25 09:58 Сейчас в теме
(7) Про это не знал. Спасибо за наводку
10. wonderboy 673 12.03.25 13:16 Сейчас в теме
(8) Только нужно учитывать, что там лимит есть на бесплатном уровне - 15 запросов в минуту, 1500 в день. Ну в ближайшее время возможно не придется в него упереться. :)
22. Torin57 45 19.03.25 16:58 Сейчас в теме
(6) Но у вас запрос к API gemini flash идет не на openrouter, а на "ai.crimsongold.ru". А что у вас на ai.crimsongold.ru? Какой-то перенаправитель на openrouter?
23. nikitazherebtsov 102 19.03.25 17:14 Сейчас в теме
(22) Да прокси на openrouter, чтобы скрыть токен. Промпт там такой же, как и в обработке
24. Torin57 45 19.03.25 17:31 Сейчас в теме
(23)
прокси на openrouter, чтобы скрыть токен

А как его сделать? Хочу сделать "Читатель Радченко", будет что-то типа chatize.com. chatize.com - сайт где можно с помощью ИИ задать вопросы по тексту какого-нибудь документа, например, книги в pdf.

Дисклеймер, дальше пошла реклама, можно не читать ). Задавать вопросы можно только по содержанию учебника Радченко "Практическое пособие разработчика". Сделал онлайн версию http://109.73.196.122/Reader/ru/ (Логин User пароля нет), будет также офлайновая версия с остальными учебниками Радченко. Довожу до ума. Слева внизу кнопка "Задать вопрос по разделам книги" - это если нужно весь учебник пролистать и найти ответ. Там же слева текст вопроса набираешь и нажимаешь "Задать вопрос по разделам книги". Справа внизу поле "Сообщение" и кнопка "Отправить" для задавания детальных вопросов по конкретной главе Радченко.
Недавно он у меня заглючил, начал рассказывать о том, о чем не знает, а должен в таких случаях говорить "Не нашел".
Прикрепленные файлы:
user2133525; +1 Ответить
11. wonderboy 673 12.03.25 13:21 Сейчас в теме
Никита, прикольно получилось!
Описание языка разметки в промпт зашивается?

Я бы еще такой юзкейс предложил: Отправляешь в Гемини описание реквизитов и таб. частей документа (в свободной форме скажем), и сценарий работы. И просишь сконструировать форму в соответствии со стандартами 1С (можно еще и с рекомендациями Никиты Арипова - https://github.com/Oxotka/1CDesignGuide ). И раз, у тебя форма готовая. Потом да, круто было бы ее еще и в ХМЛ выгрузить :)
12. nikitazherebtsov 102 12.03.25 13:52 Сейчас в теме
(11) Владимир, еще раз спасибо за помощь по работе с ИИ. Да, описание языка в промпте, он есть и в обработке. Для простых случаев его достаточно, но не уверен, стоит ли включать в него все доступные свойства элементов.

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

С этим обработка и сейчас должна справиться

И просишь сконструировать форму в соответствии со стандартами 1С (можно еще и с рекомендациями Никиты Арипова

Про стандарты добавлю в issue
wonderboy; +1 Ответить
13. Sashares 33 12.03.25 14:00 Сейчас в теме
Выглядит круто!
Как идея для развития - в интерфейсе 8.5 реализовать подобное.
Это может быть полезно при переходе на новый интерфейс.
top_1c; XilDen; nikitazherebtsov; +3 Ответить
14. artbear 1587 12.03.25 19:17 Сейчас в теме
(0) Отличная работа, спасибо!

Какой промпт юзается?
можешь привести его текст или на гитхабе выложить? если, конечно, это не секрет.
если уже выложен на гитхабе, подскажи, в каком файле посмотреть
15. top_1c 4030 12.03.25 19:19 Сейчас в теме
Захотелось скачать) выглядит здорово!
naumovare; koropo; nikitazherebtsov; +3 Ответить
21. roman72 404 14.03.25 11:36 Сейчас в теме
Интересный потенциал.
Дал ссылкуна статью в канале по 1С СППР
и приглашаю к обсуждению на специализованную тему - как описанный функицонал можно прикрутить к СППР.
nikitazherebtsov; +1 Ответить
25. koropo 2 09.04.25 15:46 Сейчас в теме
Очень интересно, спасибо!
nikitazherebtsov; +1 Ответить
26. oleg-x 23 04.07.25 12:33 Сейчас в теме
Вчера опробовал. Штука крутая. В целом можно как формы с нуля делать. Так и новые объекты на форму добавлять, получив код и немного допилить напильником.
Так же проще работать с программным изменением формы, уже получаешь готовый код.

Один пока недостаток, нельзя сразу указать тип данных. Покрайне мере не нашел как.
27. nikitazherebtsov 102 04.07.25 13:21 Сейчас в теме
(26) Спасибо. Ссылочные типы данных можно указать через свойства Тип = Справочник.Контрагенты, но это довольно сырая функциональность. Простые типы определяются по значению. Уже почти готова функциональность, чтобы типы заполнялись с помощью ИИ, надеюсь добавить в следующий релиз.
28. Aleksandr_prof 209 01.11.25 10:12 Сейчас в теме
Можно нескромный вопрос?) Почему обработка бесплатная?
29. nikitazherebtsov 102 01.11.25 11:01 Сейчас в теме
(28) Интересный вопрос. Сейчас вспоминаю две причины. Это все таки язык, хотелось сделать его общедоступным. И еще попробовать в open source.
30. tatyana-c 10.01.26 12:46 Сейчас в теме
Классная обработка! Но в последней версии обработки при наличии двух колонок в макете табличная часть не отображается во всю длину. Код взят из примера в текущей статье.
Прикрепленные файлы:
31. nikitazherebtsov 102 12.01.26 07:43 Сейчас в теме
(30) Спасибо! Такое возникает при добавлении таблицы на страницу, но пока не подскажу, как это победить. Накидка не предоставляет доступа к свойствам страниц, только отдельно страницы. Добавлю issue на GitHub - там посмотрим
32. Flamant 12.01.26 16:02 Сейчас в теме
Опытным путем выяснилось, что если добавить после двух колонок разметку с пустой таблицей - | |, то следующие таблицы отображаются корректно. Пока наверно можно так побеждать..
Прикрепленные файлы:
nikitazherebtsov; +1 Ответить
Для отправки сообщения требуется регистрация/авторизация