Nexus Protocol 2X
Sci-fi game inventory UI kit for Figma. Hex slots, neon accents, rarity system — built in one day with full Auto Layout and variables.
Sci-fi inventory kits are either too generic (plain grid squares) or so stylized they're not reusable. Nothing built specifically for the hacking game / extraction shooter aesthetic with a proper variable system.
Build a hex-slot inventory that feels cyberpunk-native — not just dark colors on a grid. Every component modular, every state covered, every color driven by a single token change.
The system
A complete sci-fi inventory — hex slots, neon accents, dark background. The kind of UI you'd see in a hacking game or extraction shooter. Everything is a component. Everything has variants. Drop it in, customize the colors, ship it.
5 Rarity Tiers
Each rarity tier is a single variable token — change the value, the entire kit updates. Slot border, glow, badge color — all of it, everywhere, instantly.
Stats & tactical panels
AGENT_SYSTEMS tracks four values live — PLASM_SHIELD, VITAL_HP, PAYLOAD_LOAD, NEURAL_SYNC. Each bar is its own component with a critical state. Numbers are Figma Variables, not static text.
Component detail
Every slot has four states: empty, filled, hover, active. The hex frame, item glow, and QTY badge all respond to state and rarity — zero manual overrides needed.
See it in action
Rarity switching, hover states, active slots — the full interaction flow recorded.
Interactive prototype
Every blue element is clickable — cycle through rarity tiers, switch states, explore the full system. Built and connected in Figma.
Get Nexus Protocol 2X on itch.io
Instant download · 34 components · Figma Variables included