Overview
This tutorial walks you through the complete process of creating print-ready designs in Figma, from initial setup through final export.Phase 1: Planning & Setup
Step 1: Gather Requirements
Before starting design, collect all specifications:Define Final Size
Determine Bleed
Check Color Requirements
- CMYK or RGB?
- Spot colors needed?
- ICC profile specification?
Confirm Resolution
Collect Content
- All text (proofread before starting!)
- Logos (vector/high-res)
- Images (300 DPI at final size)
- Brand guidelines
Step 2: Set Up Figma Document
Create New File
Set Up Frame
F for Frame toolSize: Include bleedExample:- Width: 3.75” (3.5” + 0.25” bleed)
- Height: 2.25” (2” + 0.25” bleed)
Add Guides
Shift + RDrag guides for:Bleed line (trim edge):- 0.125” from left
- 0.125” from top
- 3.625” from left (right edge)
- 2.125” from top (bottom edge)
- 0.375” from left (0.25” safety + 0.125” bleed)
- 0.375” from top
- 3.375” from left (right safety)
- 1.875” from top (bottom safety)
Mark Zones (Optional)
- Fill: None
- Stroke: Red, 1pt
- Label: “BLEED - Full design size”
- Fill: None
- Stroke: Blue, 1pt
- Label: “TRIM - Final card size”
- Position: 0.125” from frame edges
- Fill: None
- Stroke: Green, 1pt
- Label: “SAFE - Keep text/logos here”
- Position: 0.375” from frame edges
Phase 2: Design
Step 3: Design Principles for Print
Start with Background
Start with Background
- Solid color
- Gradient
- Pattern
- Image
Hierarchy: Most Important First
Hierarchy: Most Important First
- Logo / Brand mark
- Name / Main headline
- Title / Subtitle
- Contact information
- Additional details
- Largest = Most important
- Prominent position = Most important
- High contrast = Most important
Typography for Print
Typography for Print
- Name/headline: 18-24pt
- Job title: 10-14pt
- Contact info: 8-10pt
- Absolute minimum: 6pt (avoid if possible)
- Professional: Helvetica, Garamond, Futura
- Modern: Montserrat, Raleway, Lato
- Avoid: Overly decorative, very thin weights
Color Choices
Color Choices
- Neon/fluorescent (can’t print in CMYK)
- Very bright blues (will be duller)
- Pure RGB colors (check CMYK preview)
- Brand colors (get Pantone if available)
- High contrast combinations
- Print-safe colors
Images & Graphics
Images & Graphics
Safe Zone Respect
Safe Zone Respect
- All text
- Logos
- QR codes
- Important graphics
- Background colors
- Decorative elements
- Non-critical graphics
Step 4: Build Your Design
Place Logo
Add Text
T for Text toolName/Headline:- Size: 18-24pt
- Weight: Medium to Bold
- Position: Prominent
- Size: 10-14pt
- Clear, readable
- Size: 8-10pt minimum
- Organized, easy to scan
Add Visual Elements
- Enhance design
- Don’t overpower content
- Extend to bleed if background
Apply Colors
- Dark on light
- Light on dark
- Avoid mid-tone on mid-tone
- Can you read all text?
- Does design work in grayscale?
Review Bleed
- Background extends to frame edges?
- No white gaps?
- Design bleeds beyond trim line?
Phase 3: Pre-Flight Checks
Step 5: Quality Control
Spelling & Proofreading
Spelling & Proofreading
- Names (correct spelling)
- Titles
- Contact information (phone, email, website)
- All body copy
Image Resolution
Image Resolution
- Manual calculation
- Print for Figma DPI Checker (recommended)
Text Readability
Text Readability
- Important text: 10pt+
- Fine print: 8pt minimum
- View at 100% (actual size)
- Can you read all text easily?
- Sufficient contrast with background?
Alignment & Spacing
Alignment & Spacing
- Elements aligned consistently
- Even spacing between elements
- Visual balance
- Alignment tools
- Distribution tools
- Smart guides
Safe Zone Compliance
Safe Zone Compliance
- 0.25” (6mm) from trim edge
- 0.375” from frame edge (accounting for bleed)
- All text ✓
- All logos ✓
- All important graphics ✓
Color Check
Color Check
- Brand colors correct?
- Sufficient contrast?
- Any problematic bright colors?
Phase 4: Export for Print
Step 6: Configure Print for Figma
Select Frame
Launch Print for Figma
Cmd/Ctrl + /) → “Print for Figma”Document Tab Settings
- Enable: ✓
- Amount: 0.125” (3mm)
- Method: Manual (we designed with bleed)
- Enable: ✓
- Style: Standard
- Color: Black
- Enable: ✓ (for PDF guides)
- Amount: 0.25” (6mm)
Color Tab Settings
- Enable: ✓
- Select: ISO Coated v2 300% (or printer-specified)
- Select: Relative Colorimetric (standard)
- Method: Automatic
- Text: K100 (pure black)
- Shapes: Rich black (C60 M40 Y40 K100)
- Add spot colors
- Map to Pantone
- Set density: 100%
Export Tab Settings
Run DPI Check
- Click “Check All Images”
- Review results
- All images should be ≥ 300 DPI ✓
- Replace with higher resolution
- Re-check
Export PDF
- Example: “BusinessCard_JohnDoe_FINAL.pdf”
Step 7: Verify PDF
Open PDF
Check Crop Marks
- Crop marks at all four corners ✓
- Outside the design area ✓
- Clear and readable ✓
Verify Dimensions
- Page size: 3.75” × 2.25” (with bleed)
- Trim box: 3.5” × 2” (final size)
Zoom In on Text
- Text should be sharp ✓
- No pixelation ✓
- Clear edges ✓
Zoom In on Images
- Images crisp and clear ✓
- No visible pixels ✓
- Smooth gradients ✓
Check Colors (Soft Proof)
- View → Proof Colors
- Set working space to CMYK
- Major color shifts?
- Acceptable appearance?
Verify Bleed
- Design extends to page edges ✓
- No white borders visible ✓
- Backgrounds extend beyond trim marks ✓
Final Proofread
- Spelling correct ✓
- Information accurate ✓
- Phone/email/website correct ✓
Phase 5: Production
Step 8: Submit to Printer
Prepare Specifications
Submit Files
- Upload to printer’s website
- Email (if file < 10MB)
- File transfer service (WeTransfer, Dropbox)
- PDF file
- Specifications (if not in their system)
- Any special instructions
Review Printer Proof (if provided)
- Check for any issues
- Verify colors (approximate)
- Confirm all content present
Order Physical Proof (Recommended)
- Request physical proof ($10-50)
- Verify actual printed colors
- Check quality
- Confirm all looks correct
Approve for Production
- Give final approval
- Production begins
- Wait for delivery
Best Practices Summary
Do’s ✓
- Design at actual size + bleed
- Keep critical content in safety zone
- Use 300 DPI images
- Check spelling multiple times
- Extend backgrounds to bleed
- Test with physical mock-up
- Convert to CMYK
- Embed fonts
- Order a proof before bulk
Don’ts ✗
- Place text at trim edge
- Use low-resolution images
- Forget to add bleed
- Skip proofreading
- Use problematic RGB colors
- Design without specifications
- Export without DPI check
- Print thousands without proof
- Rush the process
Workflow Checklist
Planning:- Final size determined
- Bleed calculated
- Content gathered
- Specifications confirmed
- Frame created (with bleed)
- Guides added (bleed, trim, safety)
- Reference zones marked
- Background extends to bleed
- All content in safety zone
- Text ≥ 8pt minimum
- Images ≥ 300 DPI
- Colors print-safe
- Alignment intentional
- Spelling checked
- DPI verified (all images)
- Text readable
- Safe zone respected
- Color review complete
- Document settings configured
- Color conversion enabled
- DPI set to 300
- PDF format: PDF/X-1a
- Fonts embedded
- DPI check passed
- PDF opened and inspected
- Crop marks visible
- Text sharp (zoomed in)
- Images clear
- Bleed present
- Final proofread
- Specifications prepared
- File submitted
- Proof ordered (recommended)
- Quality approved
- Production approved
Troubleshooting
Problem: Design doesn’t look right in CMYK Solution: Some RGB colors can’t be reproduced in CMYK. Use CMYK-friendly colors or add spot colors for brand accuracy.Problem: Images look pixelated in PDF Solution: Images below 300 DPI. Replace with higher resolution images and re-export.
Problem: Text cut off at edges Solution: Content too close to trim edge. Move inside safety zone (0.25” from trim).
Problem: White gaps around edges Solution: Design doesn’t extend to bleed. Expand backgrounds to full frame size (including bleed).