How to Back Up Your Design Portfolio from Dribbble & Behance on Mac

This guide shows how to save Dribbble, Behance, and other web portfolio pages as searchable PDFs on Mac. You will open each project page, prepare the browser, capture the page at a consistent size, export the result, and organize the files by project and date.

The PDF preserves the published presentation, including descriptions and layout. Keep the original design files separately; a screenshot archive is a reference copy, not a replacement for source files.

TL;DR: Open each project page, capture at Retina resolution with automated scrolling for long pages, and export as a searchable PDF. Name files consistently (ProjectName_Platform_Date.pdf) for an organized local archive.

What the portfolio PDF preserves

A portfolio PDF preserves the published sequence of images, descriptions, tags, and layout. That context is different from the underlying Figma, Photoshop, or Sketch files.

Keep both. Source files remain necessary for editing and high-resolution output; the PDF records how the project was presented on the web at the capture date.

If you have a list of public project URLs, Website Capture can apply the same capture settings to each page. Use the scrolling workflow below when an individual project page needs several frames.

Capture Dribbble projects

Dribbble shots come in two forms: individual shots (single images) and full project pages (multi-image presentations with descriptions).

Single Shots

1. Open your shot's page in the browser (click into the shot, not just the grid view)
2. The shot page shows your image at full size, plus title, description, tags, and any additional images
3. Open Shotomatic, select window capture, choose your browser window
4. If everything fits on one screen, take a single capture
5. If the page extends below the fold (common with multiple attached images), press Page Down in the key recorder and set the interval to 1000ms
6. Export as PDF

Project Pages (Dribbble Pro)

Dribbble offers project pages for showcasing multi-image work that group related shots together. These are longer and more detailed:

1. Open the project page
2. Set up window capture with Page Down keypress and 1200ms interval: project pages have more images that need time to load
3. Capture the full page
4. Export as PDF

If you already have the captures and only need to review their order and combine them, follow the guide to save screenshots as a PDF on Mac.

Batch Capturing Your Entire Dribbble Portfolio

If you have dozens or hundreds of shots, you'll want to work through them systematically:

1. Open your Dribbble profile page
2. Open each shot in a new tab (middle-click or Cmd+click)
3. Capture each shot's page individually
4. Name each PDF immediately after export: ProjectName_Dribbble_Date.pdf

This is manual but methodical. For a portfolio of 30-50 shots, expect about 30-45 minutes to capture everything.

Capture Behance projects

Behance projects are typically longer than Dribbble shots: they're full case studies with narrative text, process images, and final deliverables arranged in a specific sequence.

Standard Project Pages

1. Open your Behance project page in the browser
2. Behance project pages can be very long: some run 20+ screens with large images
3. In Shotomatic, select window capture and choose your browser window
4. Press Page Down in the key recorder, set interval to 1200ms

The longer interval matters here. Behance loads high-resolution images lazily: they appear as you scroll. If you capture too fast, you'll get placeholder images or partially loaded content. 1200ms gives each section time to fully render.

5. Click Start and let Shotomatic scroll through the entire project
6. Stop when you reach the footer or comments section
7. Export as PDF

Behance Case Studies with Multiple Sections

For elaborate case studies (common in UX/UI portfolios), consider:

• Maximize your browser window to capture the full width of the layout
• Use Retina resolution: this happens automatically on Retina Macs, giving you 2x resolution for crisp image captures
• Increase the interval to 1500ms if you notice images not fully loading

Capturing Behance Mood Boards and Image Grids

Some Behance projects use dense image grids or mood board layouts. These are image-heavy and load slowly:

• Set the capture interval to 1500-2000ms
• Make sure your browser window is wide enough to capture the full grid
• Check the first few captures to confirm images are loading completely before continuing

Capture quality for design work

If you're on a Retina Mac (MacBook Pro, MacBook Air, iMac with Retina display: most modern Macs), Shotomatic captures at the display's native 2x resolution automatically.

This means:

• Text is crisp: typography in your project descriptions and case study narratives stays sharp and readable
• Images are detailed: design work captured at 2x looks clean when zoomed in, not pixelated
• Colors stay consistent with the captured screen: the PDF records the rendered page, though color can still vary by display and PDF viewer

For a design portfolio, use the highest practical capture resolution and inspect the exported PDF at normal reading size before processing every project.

A note on file size: Retina captures produce larger files than standard resolution. A typical Behance project page at Retina resolution generates a 15-30MB PDF. This is a worthwhile trade-off for the quality improvement, and even a large portfolio stays well within modern Mac storage limits.

Name the files

Consistent naming makes your archive usable. Use this format:

ProjectName_Platform_Date.pdf

Examples:

• BrandIdentity_Dribbble_20260322.pdf
• MobileAppRedesign_Behance_20260322.pdf
• IconSet_Dribbble_20260322.pdf
• UXCaseStudy_Behance_20260322.pdf
• PackagingDesign_Dribbble_20260322.pdf

Why include the date? Your portfolio evolves. You might update a project on Behance and want to capture the updated version. The date tells you which version the PDF represents.

Why include the platform? You might have the same project on both Dribbble and Behance with different presentations. The platform name distinguishes them.

Organize the portfolio archive

Folder Structure

Portfolio Archive/
├── Branding/
├── UI-UX/
├── Illustration/
├── Motion/
├── Print/
└── _Archived/

Organize by discipline rather than platform. You're more likely to look for "that branding project" than "that thing on Behance."

The _Archived folder is for older work you've removed from your active portfolio but still want to keep. The underscore pushes it to the top of the folder list.

Companion Notes

For each project, consider keeping a short text file alongside the PDF:

ProjectName_notes.txt

Include:

• Client name (if applicable)
• Year completed
• Tools used
• Source file locations
• Original platform URL

This metadata isn't captured in the screenshot, but it's valuable context for your archive.

Other portfolio platforms

The same capture technique works for any web-based portfolio:

Cargo

Cargo portfolios often have custom layouts with unique scrolling behavior. Test the Page Down interval: start with 1200ms and increase if the custom transitions need more time.

Adobe Portfolio

Adobe Portfolio pages are straightforward: clean layouts that capture well. Standard settings work: window capture, Page Down at 1000ms.

Personal Websites (Squarespace, WordPress, Custom)

If your portfolio lives on your own website, you still benefit from a PDF backup. Websites need hosting, domains need renewal, and CMS platforms need updates. A PDF archive is insurance against all of those dependencies.

Figma/Notion Portfolio Pages

Some designers use Figma or Notion as their portfolio. Both are web-based and work with the same capture approach: open the page in a browser, window capture, scroll through, export as PDF.

Improve portfolio captures

Capture at full browser width. Design work needs room. Maximize your browser window or set it to at least 1200px wide to capture the full layout as intended.

Log in to your account. Some platforms show your own work differently when you're logged in: you might see edit buttons or admin overlays. Log out for a clean public view, or stay logged in if the capture looks fine.

Close popups and banners. Dismiss any "upgrade your plan" banners, cookie notices, or notification prompts before capturing.

Capture the project page, not the grid. Your portfolio grid view shows thumbnails. The individual project page shows the full presentation. Always capture the project page.

Check image loading. Before starting a capture, scroll through the page once manually to trigger lazy-loaded images. Then scroll back to the top and start the automated capture. This ensures every image is cached and loads instantly during capture.

Time your backups. Set a calendar reminder to re-capture your portfolio quarterly, or whenever you add new projects. A backup from two years ago doesn't include your recent work.

FAQ

Can I download my Dribbble or Behance files directly?

Dribbble lets you download your own uploaded shots as images, but not the full project page with descriptions, comments, and layout context. Behance has limited export options. Screenshot capture preserves the entire presentation as it appears online.

How large are the captured portfolio PDFs?

A typical project page at Retina resolution produces a 10-30MB PDF depending on image count and page length. A portfolio of 50 projects takes roughly 500MB-1.5GB: easily manageable on any modern Mac.

Will the captured images be high enough quality for printing?

Retina screenshots capture at 2x resolution, which is excellent for on-screen viewing and reference. They won't match the resolution of original source files. This is for backup and reference, not for re-creating print-ready deliverables.

What if the platform changes its layout?

A dated PDF records how the visible page looked at capture time. It can provide a useful reference after a platform redesign, but it does not preserve interactions or the original source assets.

Does this work for other portfolio platforms?

Yes. The same technique works for any web-based portfolio: Cargo, Adobe Portfolio, Squarespace, personal websites, or any other platform. If you can see it in a browser, you can capture it.

Save the portfolio pages

Start with one project page and confirm that images, captions, and lazy-loaded sections appear correctly. Then capture the remaining projects with the same browser width and naming pattern.

Download Shotomatic or see pricing.