
About All Hands
What Is All Hands?
All Hands is a free collection of high-resolution product mockup photos featuring Black and Brown hands holding devices such as phones, tablets, and computers. Developed in partnership between Nappy and MetaLab, it serves as a resource in the design category for creating inclusive mockups that represent diverse skin tones, ages, body types, accessibility, and gender fluidity. Designers access the collection via nappy.co/all-hands for direct downloads or layered PSD files, with an accompanying free Figma plugin that integrates these mockups into workflows.
What All Hands Does
- Provides high-resolution photos of Black and Brown hands interacting with everyday devices like smartphones, tablets, and laptops.
- Offers layered PSD files with smart object layers for easy insertion of custom designs onto device screens.
- Includes a Figma plugin for selecting frames and hands to generate mockups in two steps.
- Represents diverse models across skin tones, ages, body types, genders, and accessibility features.
- Supports inclusive representation in product mockups to reflect broader demographics.
- Delivers all assets free to Figma users and via direct download from the collection site.
How All Hands Can Be Used
All Hands integrates into standard design workflows for presenting app and product interfaces in realistic contexts. Designers download photos or PSDs to place their UI designs on device screens using tools like Photoshop, then export for presentations or portfolios. In Figma, the plugin streamlines this by allowing users to select a design frame and a hand photo, generating an inclusive mockup instantly. Common scenarios include preparing client pitches where diverse representation matters, creating marketing assets for products targeting varied audiences, or prototyping mobile apps to visualize real-world use on phones held by hands of different skin tones. Developers and marketers also use these mockups in documentation or social media to show app interfaces without staging new photoshoots.
Who Is All Hands For?
All Hands suits UI/UX designers, product designers, and marketers seeking inclusive mockups for digital products. It fits teams working on apps, websites, or software targeting diverse users, including those prioritizing representation of Black and Brown communities in visuals. Experience levels range from junior designers using the Figma plugin for quick results to senior professionals editing PSDs for custom needs. Projects like mobile app prototypes, tablet interfaces, or laptop dashboards benefit from its device-specific hands. Visit All Hands
Featured Tools
Pryzm
Pryzm is a real-time studio for designers who need backgrounds that don't look like everyone else's. Layer procedural gradients, then stack glass, grain, light and blobs.
Hue Codex
Hue Codex is a free, no-account color workspace for designers and developers, with palette generation, WCAG contrast checks, modern CSS tools, image color extraction, local saving, and exports.
AI Boilerplate
The boilerplate built for vibe coding. Includes authentication, payments, storage, and a clean, AI-readable codebase, already wired up. Build on rails that don't break at prompt 100.
PromptCreek
Prompt Creek is a free community-driven repository featuring thousands of AI prompts. Discover, bookmark, and share quality prompts for ChatGPT, Claude, and other AI tools.
Vatis Tech
Vatis Tech is the most powerful speech-to-text infrastructure. It can be used to transcribe user interviews and client meetings.
Webflow
Accelerate website creation without needing to code.
More Mockups Tools


3D Transformer
Transform frames into striking 3D mockups online and in Figma.


Angle
1,000 vector and 3D device mockups compatible with Sketch, Figma, and XD.


Art Directed
Modern mockups designed for contemporary design presentations.

Artboard Studio Mockup Generator
Design amazing mockups and realistic scenes effortlessly.


Design at Meta - Devices
Gallery of popular device images for diverse uses.


Designstripe Mockups
Turn designs into impressive mockups directly in your web browser.
Explore Other Categories
Discover more design resources
New to Design?
Explore our comprehensive design glossary to master essential terminology from A/B Testing to Wireframes.
Browse GlossaryLooking for something specific?
Search through our entire collection of design tools and resources
