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

Your design portfolio lives on someone else's servers. Dribbble, Behance, Cargo, Adobe Portfolio — wherever you showcase your work, you don't own the infrastructure. The platform owns it.

This matters more than most designers realize. Dribbble has evolved its pricing and feature set over the years. Behance is tied to Adobe's ecosystem and business decisions. Platforms get acquired, restructured, or shut down. And even if the platform stays stable, your account can be compromised, accidentally deleted, or suspended.

Your portfolio is your career asset. Having a local backup means you're never dependent on a platform to access your own work.

This guide walks through archiving your Dribbble and Behance portfolio pages as high-quality, searchable PDFs on your Mac. The same technique works for any web-based portfolio.

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.

Why Back Up Your Portfolio Locally?

You probably have the source files for your projects — PSDs, Figma files, Sketch documents, Illustrator files. So why bother saving the portfolio pages too?

The presentation is the product. Your Dribbble shot isn't just the image — it's the image plus the title, description, tags, and the context of how it appears on the platform. Your Behance case study is a carefully crafted narrative with specific sequencing of images, text, and layout. The presentation layer has its own value.

Source files drift. Be honest — can you find the exact version of every project that's currently on your portfolio? Source files get renamed, moved, backed up across multiple drives, or lost in old laptop migrations. The portfolio page is often the most complete, most current record of how the finished work looks.

Platform risk is real. Behance is owned by Adobe. Dribbble has gone through multiple ownership and strategy changes. Your portfolio is always one corporate decision away from changing or disappearing. A local backup removes that dependency.

Career documentation. A searchable PDF archive of your portfolio is useful for job applications, client proposals, and tracking your own evolution as a designer. It's easier to send someone a PDF than to hope a link works.

Capturing 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

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.

Capturing 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

Retina Quality: Why It Matters 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 are accurate — what you see on your Retina display is what you get in the PDF

For design portfolio archival specifically, Retina capture quality makes a real difference. You're preserving visual work — image quality matters.

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.

Naming Convention

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.

Organizing Your 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.

Tips for Better 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?

That's actually a reason to archive now. Platform redesigns change how your work is presented. A PDF captures the current presentation exactly. If Dribbble or Behance changes their layout tomorrow, your archive preserves how your portfolio looked today.

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.

Your Work, Your Backup

Your portfolio is the public face of your career. It deserves the same backup discipline you apply to source files and client deliverables. A local PDF archive takes an afternoon to create and gives you permanent, platform-independent access to your own work.

Don't wait for a platform change or account issue to wish you'd backed things up. Capture your portfolio now, and update the archive whenever you add new projects.

Shotomatic has a free trial with limited captures, and paid plans for unlimited use. Everything runs locally on your Mac.

Download Shotomatic