Built for game UI

From first reference.
To game-ready UI.

Turn your visual ideas into editable screens, reusable components, and UI kits ready for your next build.

Start from a reference Watch it in action

Create a free account. Explore the canvas in your browser.

Light-theme Compose workspace concept with fantasy inventory art, a quest log, and reusable UI components — Fantasy UI concept · Compose workspaceExplore the editor

Fantasy UI component concept sheet with emerald and gold button states, tabs, panels, an item card, HUD bars, icons, and a tooltip — Fantasy UI concept · Compose workspaceExplore the editor

Editable layers9-slice framesInteractive statesPlay previewsUI kit exports

A closer look / 20-second tour

Small details.
Playable possibilities.

See how a single piece of artwork becomes a flexible part of your game UI.

01 / 04

Give your artwork room to grow.

Set the slice boundaries that separate the corners, edges, and center of your frame.

Try it in the editor Animated feature illustration using demo assets.

FRAME / EMERALD9-SLICE

The next adventureYour world. Your interface.

Nine regions. One reusable frame.

20years in game UI/UX

Craft behind the canvas

Built from experience.
Shaped with you.

SliceForge is shaped by a professional designer with two decades in the video game industry. Try the interactive editor demo to explore the workflow before creating an account.

Meet the story behind SliceForge

The SliceForge community

Help shape what ships next.

Bring your work, share feedback, and talk product direction with the team on Discord.

Join the conversation

01 / The workflow

A clear path from
idea to interface.

Keep your visual direction intact as you move from a reference to the details your game needs.

01 The workflow

From reference to handoff39 sec

0:00 / 0:39

One way to bring your interface to life.

Follow a visual reference through editable pieces, button states, and a kit ready for handoff.

39 seconds · Silent explainer
Illustrated with AI-generated concept artwork

Reference

Bring your visual direction.

Start with a reference, a mockup, or an AI-generated image. Use it to shape the look of your game’s interface.

Compose

Make every piece editable.

Arrange screens in Compose. Refine layers, size your frames, and wire button states into a flow you can preview.

Alchemy UI kit concept with a parchment panel, potion card, three button states, ingredient icons, and progress bar

Handoff

Package it for the build.

Export your assets and layout data together. Give engineering the UI kit and coordinates to integrate into your game.

AI-generated illustrations of the reference, Compose, and handoff stages.

Look closer. Try it yourself.

Made of pieces.
Built for possibilities.

01 / Under the artwork

Every layer has a job.

Separate the surface, decoration, and text. Keep control of every piece.

01 / Frame

02 / Parchment

03 / Border

04 / Ornaments

THE ALCHEMIST’S JOURNALMoonleaf elixirGather a little magic.

Moonbloom petals
Crystal spring water
A spark of possibility

RECIPE DISCOVERED

05 / Text

01Frame
02Parchment
03Border
04Ornaments
05Text

Animated illustration · Original Compose demo layers

02 / Room to adapt

One frame. Any adventure.

Drag the corner. The border keeps its shape while the content adapts inside.

NEW QUEST

Into the wild

Find the moonbloom before the forest falls asleep.

250 Experience40 Gold

— × 270 px · Corners stay fixed

Drag ↘

WidthHeight

Interactive feature illustration · Try dragging or use the sliders

Inside SliceForge / Recorded in Compose

See the actual work.

Open the demo editor ↗

Make a change. Test it. Take it with you.

Follow a real edit through Play mode, click into the connected result screen, and download the UI kit from a local project.

Real editor footage · 1.5× playback
Silent · Captions available

Read the walkthrough

In an Alchemy workshop project, the heading text layer is selected and its font size changes from 42 to 52. Play mode previews the updated screen. Clicking Brew potion opens the connected Potion Ready screen. The editor exits Play, the Layers panel is collapsed, and Export UI Kit downloads a ZIP containing artwork, layout JSON, and nine-slice metadata. This recording uses a local project; exports require your own project rather than the public demo.

Built for the details

The creative direction is yours.
So is the control.

Explore Compose

Structure you can edit

Work with named layers, frames, and components. Adjust each piece as the design evolves.

Interaction you can test

Define hover, pressed, and selected states. Step through your screen flow in Play before handoff.

Assets you can take with you

Export a UI kit and layout JSON for your engine workflow. Your team controls the integration.

Find your visual direction

Different worlds.
Your kind of interface.

Explore three directions for your next game. Start with a look, then make it your own.

Dark fantasy

A world worth getting lost in.

Carved frames, enchanted equipment, and an inventory full of stories.

Inventory / Equipment

Science fiction

Every system. Under control.

Orbital maps, precise readouts, and controls built for the next frontier.

Navigation / Ship HUD

Cozy & casual

A little joy in every detail.

Warm textures, friendly rewards, and a quest board that feels like home.

Quests / Rewards

AI-generated visual concepts for inspiration.

02 / Design showcase

Imagine your next interface.

From a complete screen to its smallest controls. Generated sci-fi concepts shown in a Compose workspace and a matching component sheet.

Light-theme Compose workspace concept with a sci-fi navigation screen, mission panel, and reusable controls — Compose workspaceNavigation, missions, and controls.

Sci-fi component concept sheet with a mission panel, three launch button states, energy bars, icons, and a tooltip — Components & statesPanels, buttons, and tooltips.

03 / Pricing

Start free. Grow with your workflow.

Explore Compose for free. Choose a plan when you need AI generation and more cloud storage. File exports are free.

Free

Library, Compose editing, and file exports. Paid plans add AI generation and expanded cloud storage.

Start free

Starter

$19/mo

600 monthly credits
5 GB cloud storage
AI generation and expanded cloud saves

Choose Starter

Pro

For growing teams

$59/mo

2,000 monthly credits
25 GB cloud storage
AI generation and expanded cloud saves

Choose Pro

Studio

$119/mo

4,200 monthly credits
100 GB cloud storage
AI generation and expanded cloud saves

Choose Studio

Need more credits? Packs start at 500 credits for $15 for subscribers. Studio teams can talk to us about your workflow.

A few things to know

Before you
start building.

Explore the docs

What can I do for free?

The free plan includes the library, Compose editing, and file exports. Paid plans unlock AI generation and expanded cloud storage.

Can I use artwork I already have?

Yes. Start with an existing asset, mockup, or reference image, then use SliceForge to build and refine your UI around it.

What does SliceForge export?

UI kit packages include authored assets and layout data. Use the exported JSON and image assets in your engine integration; your team handles the game logic.

Can I test my screen flow before exporting?

Yes. Compose includes Play mode for stepping through screens and the interactions you have authored.

Your next interface starts here