Business Card Mockups in Figma
How to choose a Figma business card mockup: what it can and cannot show, how to keep your logo vector, which licence terms to confirm, and when you need a separate print file.
Contents
The short answer
A Figma business card mockup is a presentation file. You drop your logo and card layout into placeholder frames, and the file shows how the design might look on a card or stationery set. It is useful for reviewing a logo at small sizes, comparing layout options and showing stakeholders a realistic preview. It is not a print-ready production file. Whether a given mockup suits you depends on three things: how it lets you replace artwork, whether your logo stays vector inside it, and whether its licence covers your use, especially client or commercial work.
What a mockup does and does not prove
A mockup shows how your design might look, not how it will print. Photographic scenes, lighting, paper texture and shadows are rendered onto your design. They can make a logo look more refined than it will on real stock. Treat the preview as a check of legibility, balance and hierarchy. It does not confirm colour accuracy, finish or print quality.
Figma works in RGB colour and does not provide native CMYK output. If the card is going to a commercial printer, expect to prepare the final file in a tool or workflow that meets the printer's colour, bleed and trim requirements. Confirm those requirements with the printer rather than relying on the mockup. A common US card size is 3.5 by 2 inches, but bleed, safe area and file format vary by print provider.
What to check before choosing or buying
| Check | Why it matters | What to look for in the listing or file |
| Artwork replacement method | Determines how quickly and cleanly you can insert your logo | Clearly labelled placeholder frames or components; instructions on where to paste artwork |
| Flat vs. perspective scenes | Figma has historically lacked a native perspective transform, so angled scenes often rely on pre-distorted placeholders or plugins | Whether angled views update automatically or need a plugin or manual steps |
| Vector preservation | A vector logo stays sharp at any zoom and export size; a raster logo may blur | Whether placeholders accept pasted vector layers or only image fills |
| Front and back coverage | Cards often carry the logo on one side and contact details on the other | Separate editable areas for each side |
| Stationery range | Matters if you need letterhead, envelopes or other items in the same scene | Which items are included and whether each is editable |
| Export options | You will usually share PNG or JPG previews | Frames set up for export at sufficient resolution for your presentation |
| Licence terms | Decides whether you can use the output for clients, sale or commercial promotion | Stated licence type, attribution requirements, and limits on redistribution or resale |
Keeping your logo vector inside the mockup
Keep three things separate: the vector content (paths and shapes), the file container (SVG, PDF, AI or EPS), and the exported preview (usually PNG or JPG). SVG is the most dependable way to bring a vector logo into Figma. AI and EPS files generally need converting to SVG first. If the mockup only accepts image fills, your logo will be rasterised inside the scene. That can be acceptable for a preview, but it means the mockup is not a source of reusable vector artwork.
- Paste or import the logo as SVG and confirm the layers remain editable paths.
- Check the logo at actual card scale, not only zoomed in, to judge small-size legibility.
- Test both a full-colour and a single-colour version if the card may use limited inks or foil.
- Keep the original vector master outside the mockup. Do not treat the mockup export as your logo file.
Licence terms to confirm
Mockups come as free community files, paid template packs and items within design marketplaces, and their terms differ. Before you use one for client work or published marketing, read the licence on the specific listing and confirm the following:
- Commercial use: whether you may use the rendered previews in paid client presentations, portfolios or advertising.
- Attribution: whether the creator must be credited, and where.
- Redistribution: whether you may share the editable Figma file with a client, or only the exported images.
- Resale: most mockup licences restrict reselling the mockup itself, even when modified.
- Photography rights: if the scene uses stock photos, whether the mockup licence covers them or they carry separate terms.
If the listing does not state its licence clearly, the safest assumption is that commercial and client use is not covered until the creator confirms in writing.
Gaps in this guide
No verified evidence was available about specific mockup files, sellers, prices, included features or user reviews, so this guide does not recommend particular products or compare costs. Use the checks above to evaluate each option directly from its listing, preview and licence text. Where a listing omits any of these points, ask the creator before purchasing.