Your draft is done, the landing page looks convincing, and now comes the crucial question: How does the result get to the people who are supposed to work with it? A client might only want a PDF to flip through, a developer needs code, and a UI designer wants to open the interface in Figma. Claude Design offers several export and sharing options for this. In this guide, you'll get to know them and learn which format suits which purpose.
The video is only loaded from YouTube when you play it – data (including your IP address) is then transmitted to YouTube/Google. More in the privacy policy
Key Takeaways
Key Takeaways
- All export and sharing options are located in the Share menu at the Share button in the top right.
- The PDF is suitable for proofreading and simple approvals, but loses functionality with an interactive landing page.
- PPTX is the right choice for presentations, the Canva handoff for further graphic work.
- For code and development, you export HTML as a ZIP file and hand the project over directly to Claude Code.
- Duplicating and templates protect your original from unwanted changes.
- The sharing settings determine whether recipients may only read, comment, or edit.
Step-by-Step Guide
Step 1: Open the Share Menu
All ways out begin in one place: the Share button in the top right of the editor. One click opens the menu with the export formats, sharing, and options for continuing work. Don't let the selection throw you off. For a single project, you usually only need one or two of these routes.
Step 2: PDF for Proofreading and Approvals
The PDF is the quickest way to capture a static state of your design. In the example, the prototype already exists as a PDF, and the display is completely sufficient for showing it off. With an interactive landing page, however, popups, hover effects, and scroll behavior are lost. The PDF is mainly useful when texts need to be proofread or when someone should be able to comment on layout decisions without complication.
Step 3: PPTX for Presentations
If your design is to appear in a presentation, you choose the export as PPTX. You get a PowerPoint file that you can edit further, rearrange, and show in meetings directly. For pitches or approvals with stakeholders, this is often the most convenient route, because everyone is familiar with PowerPoint.
Step 4: Use the Canva Handoff
If you don't just want to export the design but then develop it further graphically, you link the project with Canva and send it there. The handoff is particularly suitable for social media material or for quick adjustments by team members who already use Canva in their day-to-day work.
Step 5: HTML for Landing Pages
For a landing page, HTML is often the most suitable format because the structure and layout are preserved. Select the HTML output and wait until it is finished. In the video, you can see that creation may take a moment, since the file is generated in the background. Only use the file once the process is complete.
Step 6: The ZIP File with the Standalone Files
The HTML output comes as a ZIP archive. In it you'll find the file "Landing Page Standalone," which contains the complete page as a whole, and a print version. Both files include everything you need for further use. Unpack the archive and open the standalone file in the browser before you pass on the result. That way you can see right away whether everything is displayed as expected.
Step 7: Carry Out the Handoff to Claude Code
If the design is to be converted directly into working code, you hand the project over to Claude Code. This saves you the manual transfer of layout, texts, and structure, because these elements are already fixed. You choose this route mainly when you are planning an implementation in code anyway.
Step 8: Create a File for Figma
For UI design, a file for import into Figma is particularly helpful. There, designers can continue editing the interface with their familiar tools, check components, and adjust the design system. Make sure to create the export early if a design team is going to take over the work.
Step 9: Duplicate the project
Before you test bigger changes, it's worth making a duplicate of the entire project. The original stays untouched, and in the duplicate you can, for example, try out a different color or restructure the layout. This is a simple safeguard against accidental mistakes that you can set up with just a few clicks.
Step 10: Create a template
A finished project can also be saved as a template. This lets you build a blueprint that you can use again and again for new pages. Especially for recurring tasks, such as campaign pages with the same look, this saves you a lot of time.
Step 11: Create a new project from the template
From the template, you create a new project via "New from this template". Give it a meaningful name, for example "Website", and a short description so you can find the project again quickly later. Afterwards, you can publish the page directly with "Publish". In the test, you saw that the whole process takes only a few clicks.
Step 12: Control access
In the section for access and teammates, you define who is allowed to see the project. You have four levels to choose from: view only, comment, edit, or private. If you then copy the link and send it on, the recipients get exactly the view that corresponds to their permission. Be sure to check this setting before sending, especially when it comes to internal content.
Step 13: Choose the right format
Finally, you match your goal to the right format. PPTX suits presentations, the Canva handoff suits further design work, the ZIP with HTML suits code and development, the Figma file suits UI design, and the PDF output suits review rounds. Before exporting, ask yourself: Who will use the result, and what should that person do with it? The answer almost always leads you directly to the right format.
Summary – Exporting and sharing Claude Design: PDF, PPTX, HTML & more
With the share menu, you cover all the important routes, from PDF for revisions and PPTX for presentations to HTML export for landing pages. The Canva handoff helps with further design work, the handoff to Claude Code with implementation in code, and the Figma file with UI work. Duplicates and templates protect your original and speed up new projects. Finally, with the sharing settings, you determine who may see or change what.
FAQ
Which format is best suited for a landing page?HTML as a ZIP file is best suited, because the standalone version preserves the page completely and with its structure.
Can I try out a design without changing the original?Yes, duplicate the entire project and continue working only in the duplicate.
When is the handoff to Claude Code worthwhile?The handoff is worthwhile if you want to turn the design directly into code and the layout and content are already finalized.
Who can open my link after sharing?Only the people to whom you have granted access via the sharing settings. You can choose between View, Comment, Edit, and Private.
Why does the HTML export sometimes take longer?The HTML file is created in the background. Wait until the process is complete before you use the file.
