tutorials

How to Make a Business Card Using Figma (Free Template + Correct Size)

Learn how to design a professional business card in Figma with the correct dimensions, bleed settings, and print-ready export. Includes a free Figma template.

Published
Updated
May 01, 2026
Read time
6 min

How to Make a Business Card Using Figma (Free Template + Correct Size)

A well-designed business card still matters — even in 2026. Whether you’re handing them out at networking events, leaving them at a reception desk, or preparing a print-ready file for a client, Figma is one of the cleanest tools available for designing business cards. It gives you pixel-perfect control, easy export settings, and the ability to iterate quickly.

In this guide you’ll learn the correct business card dimensions for Figma, how to set up your frame properly for print, and how to build a clean, professional card step by step.


Business Card Size in Figma: The Right Dimensions

Getting the size right before you start designing saves hours of rework later.

Standard business card sizes by region:

RegionSize (mm)Size (inches)Size in Figma (px at 300dpi)
USA & Canada88.9 × 50.8mm3.5 × 2 inches1050 × 600px
Europe (ISO)85.6 × 53.98mm3.37 × 2.12 inches1012 × 638px
UK85 × 55mm3.35 × 2.17 inches1004 × 650px
Australia90 × 55mm3.54 × 2.17 inches1063 × 650px
Japan91 × 55mm3.58 × 2.17 inches1075 × 650px

For most designers working with printers in North America, use 1050 × 600px (at 300 DPI).

Adding bleed to your business card

Printers require a bleed area — extra space around the edge that gets trimmed off. This prevents white edges appearing if the cut is slightly off. Standard bleed is 3mm (0.125 inches) on all sides.

With bleed, your full Figma frame should be:

  • USA/Canada with bleed: 1071 × 621px (3.5 + 0.25” × 2 + 0.25”)
  • Europe with bleed: 1048 × 684px

Keep your important content (text, logo) at least 5mm from the trim edge — this is your safe zone.


Setting Up Your Business Card Frame in Figma

Step 1: Create the frame

  1. Open Figma and create a new design file
  2. Press F to activate the Frame tool
  3. In the right panel, set the frame dimensions:
    • Width: 1050 (or your regional equivalent)
    • Height: 600
  4. Name the frame “Business Card – Front”

Step 2: Set up guides for safe zone and bleed

  1. With the frame selected, go to View → Rulers (or press Shift+R) to show rulers
  2. Drag guides from the left ruler to mark your bleed and safe zone edges:
    • Bleed lines: ~36px from each edge (3mm at 300dpi)
    • Safe zone: ~60px from each edge (5mm at 300dpi)
  3. These guides are visual helpers only — they won’t export

Tip: Create a separate rectangle (with no fill, red stroke) the size of the bleed area and another for the safe zone, then lock them on a “Guides” layer that you turn off before exporting.


Designing Your Business Card in Figma

Step 3: Add a background

  1. Select your frame
  2. In the Fill section on the right panel, click the color swatch
  3. Choose a background color — or use a gradient, image, or pattern

Design tip: White cards look clean and professional. Dark cards stand out. If using dark backgrounds, make sure text has enough contrast (use Figma’s accessibility checker to verify).

  1. Click Place image (or drag and drop your logo file)
  2. Position the logo in the top-left or top-right area of the card
  3. Keep your logo within the safe zone
  4. If your logo has a transparent background (PNG), it will show through whatever background you set

Step 5: Add your name and title

  1. Press T to use the Text tool
  2. Click to place your name — use a larger, bolder weight (16–22pt equivalent in your design)
  3. Below your name, add your job title in a lighter weight, smaller size
  4. Keep font choices to 1–2 typefaces maximum. A common pairing: one sans-serif for body text, one serif or display font for your name

Font size guidance (at 300dpi scale):

  • Name: 48–60px
  • Job title: 30–36px
  • Contact info: 24–28px

Step 6: Add contact information

Organize contact details in a clear hierarchy. Typical elements include:

  • Phone number
  • Email address
  • Website URL
  • LinkedIn or other social profile
  • Physical address (optional — only if relevant)

Use icons from Figma’s built-in icon set or from a plugin like Iconify to visually anchor each piece of information.

Step 7: Design the back of the card (optional)

Duplicate your frame (Ctrl+D), rename it “Business Card – Back”, and use the back for:

  • A larger version of your logo
  • A brand pattern or texture
  • A QR code linking to your website or LinkedIn
  • A tagline or company mission

Exporting Your Business Card for Print

For print (PDF):

  1. Select both frames (front and back)
  2. In the right panel, click Export
  3. Set format to PDF
  4. Click Export — Figma generates a PDF with all frames

Important: Figma exports at 72dpi by default. For print, you need 300dpi. To achieve this, export as PNG at 4x scale instead of PDF, then convert in Adobe Acrobat or use your printer’s preferred file format.

For print-ready PNG at 300dpi:

  1. Select your frame
  2. In the Export section, click + to add an export setting
  3. Set the scale to 4x and format to PNG
  4. Click Export — this produces a ~4200 × 2400px image at effective 300dpi

For digital use (email signature, LinkedIn):

  1. Export at 1x as PNG
  2. This gives a clean 1050 × 600px image suitable for screens

Business Card Design Tips

Do:

  • Use a consistent color palette (2–3 colors maximum)
  • Align everything to a grid
  • Leave white space — crowded cards are hard to read
  • Use vector logos (not rasterized images that pixelate when printed)
  • Double-check all contact information before sending to print

Don’t:

  • Use more than 2 font families
  • Place text or logos too close to the edge (respect the safe zone)
  • Use very light grey text on white — it won’t print well
  • Use effects like shadows or blurs that don’t translate well to print
  • Forget to check the card on both sides for consistency

Using a Figma Business Card Template

Starting from a template saves time and ensures correct dimensions right from the start. When using a template:

  1. In Figma, open the Community tab (left panel or via figma.com/community)
  2. Search for “business card template”
  3. Click Duplicate on a template you like — this adds it to your drafts
  4. Edit the text, colors, and logo to match your brand

Templates are fully editable — every element can be changed. They’re a great starting point even if you end up redesigning everything.


Quick Reference: Business Card Checklist

Before sending to your printer or client, check:

  • Correct dimensions (1050 × 600px for US, or your regional size)
  • Bleed area included (add ~36px on all sides)
  • Important content within safe zone (60px from edges)
  • Correct font usage — all fonts are embedded or converted to outlines
  • Both front and back designed
  • Exported at correct resolution (4x PNG or PDF)
  • Proofread — all contact details are correct
  • Color mode appropriate for printer (discuss CMYK vs RGB with your print shop)

Figma makes business card design fast and precise. Once your frame is set up correctly with the right dimensions and guides, the actual design work is a matter of placing elements, adjusting hierarchy, and iterating until it looks right. The export is straightforward — just remember to scale up for print quality.

Share on X

§ Keep reading

Related guides.