How to Design a Fictional 1980s Sci-Fi Arcade Cabinet Marquee and Control Panel Using Midjourney and Figma Weave

The Romance of the Quarter-Eater

There is a very specific design language written into the plywood and CRT glass of 1980s arcade cabinets. It is a chaotic mix of screen-printed fluorescent paints, hand-drawn space battles, bold typography, and wear-and-tear from sticky hands and spilled fizzy drinks. Before home consoles conquered the living room, these cabinets had to scream for your attention in a dimly lit, noisy room.

Creating a fictional arcade machine from this era is a brilliant exercise in worldbuilding and asset design. If you are building a game, a web-based retro experience, or just love the aesthetic of the golden era of arcade gaming, this guide will show you how to generate and assemble a stunning marquee and matching control panel. We will use Midjourney to generate our raw cabinet art and then transition to Figma Weave to structure the layout, place interactive button decals, and add that final layer of vintage dust and coin-slot grime.

It’s this delicate balance of neon and grime that makes the retro-futuristic aesthetic tick, and we are going to craft it from scratch.

Step 1: Brainstorming the Cabinet Identity

Before launching your AI generator, you need a game concept. A generic "space game" will yield generic results. Let's aim for something highly specific: a fictional 1984 cabinet titled "NEON VANGUARD: Sector 9"—a vertical scrolling vector shooter where players pilot a cybernetic beetle through a neon canyon of rogue automated miners.

Having a concrete theme gives you a clear colour palette (electric blue, magenta, radioactive green) and a typographic direction. To get a head start on the specific wording for your instructions card, you can use our prompt generator to establish a distinct, era-appropriate design brief.

Step 2: Generating the Marquee Art in Midjourney

An arcade marquee is the glowing backlit sign at the top of the cabinet. It needs to look incredible when lit from behind. This means high-contrast graphics, dark backgrounds, and vibrant foregrounds.

Open up Midjourney and run a prompt focusing on 1980s airbrush illustrations, cabinet side art, and screen-printed graphics. We want to avoid photorealistic 3D renders here; we are aiming for the raw, hand-drawn vector art of 1984.

Try a prompt structure like this:

> /imagine prompt: 1980s arcade cabinet marquee graphic, 'NEON VANGUARD' sci-fi vector space shooter style, vibrant screen-printed airbrush art, glowing magenta and cyan spaceship, cybernetic insect, dark starry background, retro typography, vintage arcade game illustration, flat vector style, 3:1 aspect ratio --ar 3:1 --v 6.0

Notice the --ar 3:1 aspect ratio. This ensures the output is wide and short, perfectly mimicking the dimensions of a physical arcade header. Once your grid generates, choose the output that has the cleanest composition. You can see live examples of how Midjourney handles wide-aspect graphic layouts on the Midjourney platform showcase page.

Upscale your favourite variant. If you find your text is slightly garbled (a common quirk of AI generators), do not panic. We will mask and replace the text in Figma Weave shortly. If you encounter any unexpected rendering bugs or weird artifacts during this step, check our Midjourney troubleshooting guides for tips on refining your prompts.

Step 3: Generating Control Panel Overlays

Next, we need the graphic that surrounds the joystick and buttons. This art is usually more geometric, featuring grid lines, player start indicators, and arrows showing movement directions. It needs to look structural.

Run a prompt tailored for a flat surface layout:

> /imagine prompt: 1980s arcade machine control panel graphic overlay, vector grid lines, neon cyan and violet, player 1 and player 2 start indicators, retro interface buttons layout, industrial cabinet design pattern, high contrast, top-down flat projection view, 2:1 aspect ratio --ar 2:1 --v 6.0

We want a top-down, flat projection so we can easily map our digital buttons and joysticks on top of it. Upscale the generation that offers the cleanest, most symmetrical design.

Step 4: Assembling and Layering in Figma Weave

Now we move into Figma Weave to bring it all together. This is where we turn flat imagery into a functional, layered asset package.

1. The Canvas Setup: Create a new frame in Figma Weave. Set the dimensions to 1200x400 for your Marquee, and create a second frame at 1200x600 for your Control Panel.
2. Clean Up the Marquee: Import your Midjourney marquee graphic. If the generated text looks like gibberish, use a vector mask to cover the central area. Create a new text layer using a bold, geometric retro font (like ITC Avant Garde or Pump Triplicate). Apply an inner shadow and an outer glow effect in Figma Weave to simulate the back-lit fluorescent bulb effect.
3. Map the Controls: Place your control panel graphic into the second frame. Now, overlay vector components for your physical components. Create circular vectors for the buttons (using the classic concave arcade button style: a solid outer circle with a slightly darker inset inner circle) and place a classic red-ball joystick asset on a black rubber dust washer.
4. Add the Instructions Decal: Real arcade cabinets always had a little yellowed card telling you how to play. Add a white, slightly yellowed rectangle to the bottom-left of the control panel layout. Use a clean monospaced font to write:
5. 1 PLAYER: 1 QUARTER
6. 2 PLAYERS: 2 QUARTERS
7. USE JOYSTICK TO NAVIGATE CHASM
8. BUTTON A: FIRE LASER
9. BUTTON B: SHIELD ACTIVATE

Step 5: Adding the Grime and Wear

To make this look like a real machine that survived decades in a seaside amusement arcade, you need to destroy its perfection.

Create a new layer on top of your layouts. Use a noise texture or a scratched-metal vector overlay. Drop the opacity to 8-12%, set the blending mode to Multiply or Overlay, and mask it to the edges of your panel. Add a subtle radial gradient of warm yellow-brown at 5% opacity to the corners of the instruction decal to simulate years of cigarette smoke and greasy hands.

Your assets are now ready. You can export them as high-fidelity SVGs or PNGs to use in your web games, visual novels, or 3D engine wrappers. You have successfully taken pure AI-generated concepts and engineered them into a production-ready, beautiful piece of digital nostalgia.