Design EditorДокументацияНачало работы
Первый дизайн
Начните с главного экрана, нарисуйте артборд, сохраните его в файл .de и посмотрите результат в режиме просмотра.
1Начало на главном экране
Главный экран открывается при запуске приложения. На нём сеткой или списком показаны недавние файлы, а также пункты «Новый файл», «Открыть файл», «Шаблоны», «Дизайн-системы» и «Шаблоны сцен».
Поле промпта вверху запускает дизайн по одной фразе. Выберите, что вы делаете («Лендинг», «Мобильное приложение», «Веб-приложение», «Слайды», «Дашборд» или «Что-то другое»), и размер («Десктоп», «Планшет», «Мобильный» или «Слайды»), а затем опишите задачу. Встроенный агент нарисует всё на новом холсте.
Карточки импорта ниже открывают файл Figma, веб-страницу, скриншот для воссоздания или файл pen.dev. Пока открыт главный экран, Cmd+N создаёт пустой файл.
2Создание артборда
- Нажмите
F, чтобы выбрать инструмент «Фрейм», и растяните рамку на холсте. Фрейм верхнего уровня — это артборд: экран, раздел страницы или слайд. - Нажмите
R,OилиT, чтобы добавить внутрь прямоугольник, эллипс или текст. - Выделите слой и настройте его размер, заливку, обводку и эффекты на панели справа.
- Включите для артборда автолейаут, чтобы дочерние элементы выстраивались с отступами между собой и внутренними отступами.
3Сохранение
Cmd+S сохраняет файл .de. Это обычный JSON, поэтому его изменения удобно сравнивать в git, а агенты легко его читают. Изображения по умолчанию попадают в соседнюю папку <name>.assets/; агенты также могут сохранить один файл со всеми встроенными изображениями.
Автосохранения нет. Если закрыть окно с несохранёнными изменениями, приложение спросит, сохранить ли их.
4Просмотр
Нажмите Cmd+P, чтобы открыть режим просмотра. Вверху выберите «Телефон», «Десктоп» или «Холст». Артборды, отмеченные как экраны, ведут себя как страницы сайта — с адресной строкой и кнопками «Назад» и «Вперёд».
5Или начните с шаблона
«Файл» → «Создать из шаблона» открывает встроенные шаблоны сцен: карточки, сравнения, слайды, инфографику, руководства и карусели. Любой документ можно сохранить как собственный шаблон через «Файл» → «Сохранить как шаблон».
В библиотеке промптов собраны готовые промпты для стартовых экранов, мобильных приложений, веб-страниц, дашбордов, компонентов и правок. Промпты, которые вы используете повторно, сохраняйте в разделе «Мои».