Tickd.ai
← The Tickd Guide

Inspiration

How to Design Retro-Style Cassette J-Cards for Fictional Synthwave Playlists Using Midjourney and Figma Weave

Bring your digital playlists into the physical world. A step-by-step creative guide to designing and laying out authentic retro cassette J-Cards using Midjourney and Figma Weave.

Updated 10/9/2026

There is something undeniably satisfying about the physical constraints of analog media. The cassette tape, once a relic of the discount bin, has enjoyed a massive cultural resurgence. But you don't need a professional printing press or a degree in graphic design to create gorgeous, physical packaging for your digital mixtapes or fictional synthwave albums.

By combining the rich, nostalgic image generation of Midjourney with the powerful, variable-based layout canvas of Figma Weave, you can design print-ready cassette J-cards that look like they were pulled straight out of a 1984 record store.

Here is how to design your own J-card from scratch, from the initial artwork generation to the final print-ready layout.

Understanding the Anatomy of a J-Card

Before launching your design tools, you need to understand the dimensions of a standard cassette J-card. A classic J-card gets its name from the 'J' shape it forms when folded to fit inside a standard cassette case. It consists of three main panels:

  1. The Front Cover: 65mm (width) x 101.5mm (height). This is your main art canvas.
  2. The Spine: 13mm (width) x 101.5mm (height). This displays the artist name and album title.
  3. The Back Flap: 20mm (width) x 101.5mm (height). This usually lists the tracklist or licensing info.

When laying this out, you will design it flat (total width: 98mm, total height: 101.5mm) and include fold lines.

Step 1: Generating Retro-Futuristic Cover Art

Synthwave, darksynth, and outrun aesthetics rely heavily on specific visual tropes: glowing neon grids, chrome typography, wireframe vector horizons, and intense magenta-and-cyan colour schemes.

To get the perfect cover art, we need Midjourney to generate something that captures the textured, slightly imperfect feel of vintage print. Pure digital designs can look cold; we want something that feels like an airbrushed poster or a high-quality Riso print.

Head over to Midjourney and use this highly targeted prompt structure:

`text An airbrush illustration of a retro-futuristic testarossa driving toward a neon grid sunset, 1980s synthwave album cover art, chrome details, highly detailed, vibrant magenta and deep indigo, analog scan lines, vintage print texture --ar 2:3 --v 6.0 `

Why these prompt choices matter: * **"Airbrush illustration":** Avoids the clinical, overly sharp look of modern 3D renders, giving you the smooth gradients popular in 80s commercial art. * **"Analog scan lines" & "vintage print texture":** Adds subtle noise and imperfection, making the final printed card look like weathered paper rather than a glossy digital photo. * **`--ar 2:3`:** This aspect ratio closely matches the vertical, rectangular format of a cassette cover, preventing awkward cropping later.

If your outputs are looking a bit too chaotic or modern, check out our optimization tips at the Midjourney hub.

Step 2: Setting Up Your Canvas in Figma Weave

With your cover art generated, it is time to build the layout. Figma Weave is perfect for this because it allows you to build responsive, component-driven layouts that automatically adjust if you want to swap out different tracklists or cover art variants later.

  1. Create the Base Frame: Set your main frame dimensions to exactly 98mm width by 101.5mm height.
  2. Set Up the Guides: Create vertical layout guides at 65mm and 78mm from the left edge. These lines represent your folds:
  3. 0mm to 65mm: Front Cover
  4. 65mm to 78mm (13mm width): Spine
  5. 78mm to 98mm (20mm width): Back Flap
  6. Place Your Artwork: Drag your Midjourney image into the Front Cover section. Scale it to fill the 65mm x 101.5mm area, allowing for a tiny bit of bleed over the first fold line to ensure no white edges show when folded.

Step 3: Typography and Spines

Retro typography is all about contrast. For the spine and tracklist, you want to combine a bold, sci-fi display header with a highly legible, clean sans-serif for the small print.

  • The Spine: Rotate your text 90 degrees clockwise. Place the artist name in a retro-futuristic display font (like Orbitron or Nova Square) and the album title in a smaller, lighter weight. Keep the text perfectly centered within the 13mm spine corridor.
  • The Back Flap: This is where you put your tracklist. Because space is limited (only 20mm wide), use a tight, clean font like Roboto Mono or Helvetica Condensed at 6pt or 7pt. Align the text to the left, leaving a 2mm margin from the fold line and the outer edge.

Step 4: Exporting and Assembly

Once your design looks perfect, export your frame from Figma Weave as a high-resolution PDF or a 300 DPI PNG.

When printing, ensure your printer scaling is set to 100% (Actual Size)—if your software auto-fits the page, your J-card won't fit inside the plastic cassette box. Print on heavy cardstock (around 150gsm to 200gsm) with a matte finish to preserve that vintage, non-reflective feel.

Use a utility knife and a metal ruler to cut along your outer boundaries, lightly score the two vertical fold lines with the back of the blade, and fold. Slide it into a clear cassette case, and you have a stunning, physical manifestation of your digital aesthetic.

If you want to experiment with different design styles or automate your asset generation pipelines, check out our resource list on the Figma Weave hub to see how other builders are bridging the gap between generative AI and physical print media.

designmidjourneyfigma-weaveretrophysical-computing

Keep going

Build something with the prompt generator, decode the jargon in the glossary, or compare the tools on our platform deep-dives.