Nyx. Start Free
Generate with DESIGN.md
Builder avatar Builder avatar Builder avatar

Built for visual builders.

AI DESIGN.md Landing Pages from Real Context ready to Publish

Nyx turns prompts, screenshots, and design systems into polished pages with contextual images, motion, and export-ready structure.

Create My First Page Browse Examples
Design system moodboard
DESIGN.md Imported
Generated landing page section
Generated section Regenerate

Rich image slots

7 / 7 filled
DESIGN.md Screenshots Rich Images Video Loops HTML Export
Design Systems — Context Images — Publish-Ready Pages — Design Systems — Context Images — Publish-Ready Pages — Design Systems — Context Images — Publish-Ready Pages —  Design Systems — Context Images — Publish-Ready Pages — Design Systems — Context Images — Publish-Ready Pages — Design Systems — Context Images — Publish-Ready Pages — 
Prompt — Remix — Export — Iterate — Prompt — Remix — Export — Iterate — Prompt — Remix — Export — Iterate — Prompt — Remix — Export — Iterate —  Prompt — Remix — Export — Iterate — Prompt — Remix — Export — Iterate — Prompt — Remix — Export — Iterate — Prompt — Remix — Export — Iterate — 

( from idea to page )

Nyx helps teams move from rough prompt to polished landing page — with the design system, media, and motion already in the loop.

Context

( Why builders use Nyx )

0

DESIGN.md source

0

Contextual image slots

0

Export paths

Generated page preview
1 / 03

"Nyx turned our screenshots and product notes into a landing page we could actually refine."

Maya Chen

Maya Chen

Founder, Calypso Labs

Founder, Calypso Labs

Showcase

( Generated with Nyx )

A fintech landing page generated from a DESIGN.md file, product prompt, and reference screenshots.

Sequra Finance landing page
Sequra Finance Fintech

Input

DESIGN.md + prompt

Media

7 rich images

Output

HTML + publish link

01 Sequra

A course launch page assembled from screenshot references, with a looping hover video in the hero.

Northstar Course hero

Northstar Course

Hover loop · 0:06

Input

Screenshot references

Media

Hover video loop

Output

Figma handoff

02 Northstar

An OS-style product page built from founder notes and visual references, with a batch of contextual imagery.

LumaOS product page
LumaOS Product OS

Input

Founder notes + visual references

Media

Contextual image batch

Output

React-ready sections

03 LumaOS

( Workflow )

What Nyx builds

Design System Rich Media Export
DESIGN.md ✳ Rich Images ✳ Video Loops ✳  DESIGN.md ✳ Rich Images ✳ Video Loops ✳ 

Build Loop

( Inside Nyx )

nyx / launch-page

Generating
Nyx generating a landing page
DESIGN SYSTEM FIRST • NYX •

From prompt to publish

Nyx gives the model real context before it designs: your DESIGN.md, screenshots, page goals, media direction, and export target. The result is not a one-off mockup. It is a page you can refine, publish, or hand off.

Import DESIGN.md Step 01
Generate page sections Step 02
Create contextual media Step 03
Export or publish Step 04

( Outputs )

Ready for Handoff

Design System Reusable DESIGN.md foundation Source of truth
Visual Media Contextual images and video loops Page assets
Export HTML, Figma, or React-ready sections Handoff
Publish Shareable landing page preview Live review

Choose Your Build Mode

Starter Build

$19 /month

For solo builders testing landing page directions with DESIGN.md, prompts, and screenshot references.

Best For

Solo projects

Start Building

Studio Build

Starting at $49

For teams producing richer landing pages with media batches, video loops, project organization, and handoff.

Best For

Launch teams

Open Studio

( FAQs )

Your Questions, Answered

A quick guide to how Nyx turns context into landing pages.

Do I need a DESIGN.md file?

No. You can start from a prompt or screenshots, and Nyx can generate a DESIGN.md for you so future pages stay consistent.

Can I use screenshots as references?

Yes. Drop in screenshots of pages you admire and Nyx extracts layout, tone, and typography direction as generation context.

Can Nyx generate images for the page?

Yes. Nyx can generate contextual image batches from the surrounding page copy, then you can regenerate the images that feel off-brand.

Can I turn images into video loops?

Yes. Any generated image can become a short hover or ambient loop, prompted directly from the section it lives in.

Can I export to Figma or HTML?

Both. Pages export as clean HTML, Figma frames, or React-ready sections — plus a shareable live preview for review.

How should I avoid generic AI design?

Feed Nyx real context: a DESIGN.md, references, and clear page goals. The more specific the inputs, the more your page looks like yours.

Turn context into a landing page

Bring a prompt, a screenshot, or a DESIGN.md file. Nyx will help shape the page around it.

DESIGN.md ✳ screenshots ✳ rich images ✳ video loops ✳ export-ready pages ✳ DESIGN.md ✳ screenshots ✳ rich images ✳ video loops ✳ export-ready pages ✳  DESIGN.md ✳ screenshots ✳ rich images ✳ video loops ✳ export-ready pages ✳ DESIGN.md ✳ screenshots ✳ rich images ✳ video loops ✳ export-ready pages ✳