Импорт

1Figma

1. В Figma выберите File → Save local copy, чтобы получить файл .fig.
2. Откройте его через «Файл» → «Импорт» → Figma (Cmd+Shift+F), карточкой на главном экране, двойным щелчком или перетаскиванием в окно.
3. Выберите нужные страницы или нажмите «Импортировать все страницы».
4. Выберите «Сохранить раскладку Figma», чтобы оставить позиции как есть, или «Авто-раскладка Design Editor», чтобы перестроить стеки.

Всё, что не удалось перенести точно, перечисляется в предупреждениях. Можно также скопировать слои в Figma и вставить их сюда.

2pen.dev

Файл .pen открывается как новый документ без имени; исходный файл никогда не перезаписывается. Шейдеры, скрипты, заметки и узлы браузера переносятся.

3SVG и изображения

Инструмент «Изображение» вставляет файлы PNG, JPEG, GIF, WebP и SVG; SVG превращается в редактируемые векторные слои. Растровые изображения можно также просто перетащить на холст.

4HTML

«Файл» → «Импорт» → HTML (Cmd+Shift+H) принимает файл .html или .htm либо архив .zip со стилями и изображениями. Импорт учитывает каскад CSS, переменные, медиазапросы и grid, а также сообщает, что пришлось передать приблизительно.

de import:html https://example.com --viewport-height 900

5Воссоздание скриншота

Карточка скриншота на главном экране отправляет PNG или JPEG агенту, и тот воссоздаёт его как редактируемый дизайн.

6Расширение для Chrome

Расширение из репозитория передаёт открытую страницу в запущенный редактор. Оно может захватить всю страницу, выбрать отдельный элемент, извлечь design.md или скачать файл .de.