How to Design a Fictional 1970s NASA Apollo-Era Launch Console Interface Using Midjourney and Figma Weave

The Beauty of Clunky Analog Aerospace Design

There is an undeniable aesthetic charm to late-1960s and early-1970s aerospace hardware. The mission control consoles of the Apollo era were not slick, flat glass displays. They were dense, heavy monoliths filled with physical toggle switches, mechanical rotary knobs, back-lit warning matrices, and tiny, glowing vector oscilloscopes. Every interface element was tactile, functional, and ruggedized to survive extreme conditions.

Recreating this tactile, analogue aesthetic digitally is a fantastic exercise in UI design. In this guide, we will walk through how to generate authentic retro-hardware components using Midjourney, bring those textures and layouts into Figma Weave to build vector layouts, and tie it all together into an interactive, functional dashboard mockup.

Step 1: Prompting Midjourney for Authentic Analogue Textures

To create an authentic 1970s UI, we need high-quality textures of real materials: brushed grey aluminium plates, olive-drab powder-coated steel, oxidized copper contacts, and incandescent light matrices. Modern vector shapes are often too clean; we want the subtle imperfections of a machine that has been bolted together by engineers in short-sleeve shirts and narrow ties.

Use Midjourney v6 to generate these raw aesthetic assets. Focus your prompts on close-up, orthographic, and flat layouts. Here are a few highly specific prompt recipes to get you started:

For the main metal console texture:* orthographic close-up shot of a 1970s NASA mission control console panel, dark grey brushed metal texture, industrial metal plates, screw heads, modular steel panels, vintage military equipment finish, photorealistic, flat lay --v 6.0 For retro indicator lights and matrix buttons:* flat lay view of retro 1970s warning indicator light display matrix, illuminated amber and red rectangular plastic buttons, screen-printed labels, mechanical switches, space capsule panel, highly detailed, raw photography --v 6.0 For circular dials and gauges:* flat layout graphic design of 1970s analogue telemetry dials, aerospace telemetry gauges, circular glass meters, weathered beige and black indicators, technical instrumentation, flat design asset --v 6.0

To see live visual examples of how these tactile textures render, you can browse the official Midjourney community showcase or check our Midjourney troubleshooting guide if your generation outputs are looking too modern or stylized.

Step 2: Extracting and Vectorising Assets in Figma Weave

Once you have your generated image sheets, bring them into Figma. We are not just going to paste the images directly; we will use Figma Weave to generate clean vector components that sit on top of our textured background, allowing us to make the interface interactive.

1. Set Up the Console Chassis: Create a large, dark frame. Apply the generated brushed metal image as a tileable background fill. Add a slight inner shadow to the frame to simulate a heavy, recessed steel cabinet.
2. Define Your Grid: Apollo-era consoles were strictly modular. They were constructed of individual "system blocks" bolted together. Divide your frame into a clean grid of vertical columns (typically 3 or 4 main equipment racks).
3. Vectorise the Knobs and Switches: Using Weave’s AI generation panel inside Figma, describe a series of vector industrial toggle switches.
4. Prompt prompt: Minimal vector flat-design 1970s metal toggle switch, top-down view, industrial aerospace design, cream white and dark grey, clean lines
5. Once generated, create a Component in Figma for the switch with two states: ON (switch toggled up, casting a slight shadow) and OFF (switch toggled down).

Step 3: Designing the Back-Lit CRT Monitor

No 1970s command console is complete without a small, circular or curved rectangular Cathode-Ray Tube (CRT) monitor. This is where telemetry graphs and command line logs are displayed in glowing phosphor green.

To build this in Figma:

• Create a rectangle with heavily rounded corners.
• Fill it with a very dark green gradient (e.g., #041007 to #0a1c0d) to simulate the deep glass of a curved tube.
• Add a subtle scanline overlay. You can easily create this in CSS or as a vector grid of horizontal lines spaced 2px apart, set to Opacity: 7% and Blend Mode: Overlay.
• Create a neon phosphor glow on your vector text elements. Set the text colour to a vibrant lime green (#39FF14) and apply a subtle drop shadow using the same colour, with an 8px blur and 0px offset.

Step 4: Crafting the Aesthetic UI Details

To make your fictional console look authentic, you need to pay close attention to the typography and labelling. NASA didn't use modern, clean sans-serifs like Inter or Helvetica back then. They relied on heavy, industrial, and highly legible grotesque typefaces or stencil markings.

• Typography: Use a clean, monospace font like JetBrains Mono or a classic geometric gothic font for all interface text. Keep every label in all-caps (TELEMETRY, SYS_STATUS, OXIDIZER_PSI, IGNITION_ARMED).
• Labels: In real 1970s hardware, labels were often stamped onto plastic labels or engraved onto plates screwed to the console. Create small rectangular frames with a subtle plastic gloss effect, placing them directly above your switches.
• Mechanical Wear and Tear: Add small, vector screw heads at the four corners of every console module. This immediately grounds the UI in physical reality, making it feel like it was assembled on a factory floor rather than rendered in a browser.

Making the Console Interactive

Once your visual assets are assembled, jump into Figma’s Prototype tab. Map the toggle switches to transition between their ON and OFF states with a satisfying 80ms "smart animate" curve to simulate a mechanical snap.

Link these switch states to trigger changes in your phosphor green CRT display. For instance, toggling the "PRIMARY POWER" switch can trigger an overlay that transitions the green terminal screen from a blank state to a simulated boot-up sequence.

By blending the deep material textures of Midjourney with the precise vector layouts of Figma Weave, you can build a stunning, tactile interface that bridges the gap between mid-century physical engineering and modern digital design.