Design Editor문서가져오기와 내보내기
코드로 내보내기
이미지와 슬라이드를 내보내거나, 보드를 아홉 가지 프레임워크의 코드로 바꿉니다.
1이미지와 파일
선택 항목을 원하는 배율의 PNG, JPEG, WebP로 내보내거나 SVG, 여러 페이지 PDF, HTML, Tailwind가 적용된 HTML로 내보낼 수 있습니다. 파일의 이미지 내보내기(Cmd+Shift+P), 패널의 내보내기 섹션 또는 캔버스의 빠른 내보내기 메뉴를 사용하세요.
모든 프레임 내보내기는 모든 보드 또는 선택한 보드만 폴더에 저장합니다.
2슬라이드
슬라이드는 PowerPoint(.pptx), 하나로 완결된 HTML 슬라이드쇼, 또는 페이지마다 슬라이드 하나가 들어간 PDF로 내보냅니다. 명령줄에서는 HyperFrames 동영상 컴포지션도 만들 수 있습니다.
터미널
de export-deck --output talk.pptx --format pptx3코드
코드 패널(Cmd+Shift+C)은 선택한 보드를 코드로 보여 주고 파일로 저장합니다. 지원 대상:
- React, Vue, Svelte
- HTML, Tailwind v4가 적용된 HTML
- Flutter, SwiftUI, Jetpack Compose, React Native
codegen_export는 항상 같은 결과를 냅니다. 큰 페이지에서는 에이전트가 분할 파이프라인을 쓸 수도 있습니다. codegen_plan이 페이지를 나누고, 에이전트가 각 부분을 작성하고, codegen_assemble이 이를 합칩니다.
4design.md
디자인 시스템 패널에서 글로 작성된 디자인 설명을 내보내면 디자인 언어를 다른 도구나 에이전트에 넘길 수 있습니다.