Character doll, item grid, detail panel. 21 components, 6 rarity tiers, Figma Variables. Drop it in, ship it.
Building an RPG inventory from scratch takes weeks — and most existing kits are missing states, skip the detail panel, or don't come close to dev-ready. You end up rebuilding half of it anyway.
A complete, production-ready inventory — character doll, item grid, detail panel, full rarity system. Every component and state a developer actually needs. Nothing to guess. Nothing to rebuild.
Character silhouette with all equipment slots — weapon, armor, ring, amulet, accessories. Mythic red border shown here is the highest rarity tier. Slot state updates automatically when an item is equipped or unequipped. No manual work.
Item selected — the panel updates instantly. Artwork, lore, stats, three clear actions. The rarity border glow, background tint, and label all follow the item's rarity Variable automatically.
Damage range, attack speed, elemental bonuses. Three actions: Equip, Drop, Sell. Parchment texture keeps the panel grounded in the world without pulling focus from the item.
Developers get a fully specced panel — no design decisions left to make.
6 rarity tiers — Common, Uncommon, Rare, Epic, Legendary, Mythic. Each driven by a single Figma Variable. Swap the token and every visual responds: border glow, background tint, icon frame, rarity label.
Switch any item from Common to Mythic. Every visual property responds — no manual overrides, no hunting through layers.
Kit 01 of 3 in the Dark Fantasy RPG UI System — a growing collection set in the world of Valdûm. Same palette, same rarity logic, same component language across every kit.
View full collection →Instant download · 21 components · 6 rarity tiers · Figma Variables + Prototype included