51
Components
6
Attributes
PNG
1x · 2x · 3x
Variables
Figma Variables
Dark Fantasy RPG Valdûm — Character screen, full view
Dark Fantasy RPG Valdûm — Character · $8.99
Instant download · 51 components · Figma Variables + PNG 1x/2x/3x included
Buy on itch.io →
Role
UI Designer
Type
Game UI · Figma Kit
Tools
Figma
Kit
04 of the Valdûm System
Year
2026
Problem

Most character screen kits show a stat list and call it done. No equipment doll, no resistance system, no active effects — just numbers on a dark background. You still have to design the hard parts yourself.

Goal

A complete character sheet — every panel a real RPG needs. Equipment doll with slots, 6 attributes with allocation, 5 elemental resistances, 8 derived stats, character summary, active effects. All states covered. Ready to hand off.

Every panel. Every state.

A character screen isn't one component — it's eight panels working together. Each one is a self-contained section with its own logic, its own states, and its own set of components. Built in one screen, zero switching required.

01
Equipment Doll
Body silhouette with equipment slots + load bar
02
Attributes
6 stats, allocation points, + buttons
03
Resistances
5 elemental bars — Physical, Magic, Fire, Lightning, Divine
04
Derived Stats
Attack, Defense, Crit, Poise, Spell Power, Stamina

Attributes — allocation built in.

Vigor, Attunement, Endurance, Strength, Dexterity, Intelligence. Each attribute shows its current value, what it scales, and a + button for allocation. Available points tracked at the bottom. No placeholder — the full flow is there.

Character Attributes

Six stats. One panel. Zero ambiguity.

Every attribute row has an icon, a name, a sub-label showing what it scales, the current value, and a + button. Developers know exactly what to wire up — no guessing what goes where.

Available Points shown as a badge at the bottom. The whole system is a single component — swap values, the layout holds.

Character Attributes panel — 6 stats with allocation points

Active Effects — three states, one panel.

Buffs, debuffs, passive bonuses — all in one place. Each effect card shows a name, description, duration label, and a colour-coded icon. Three different states visible at once: gold for fire buffs, purple for magic debuffs, orange for passive effects.

Active Effects panel — Blessing of Ash, Void Corruption, Forge Resonance

Equipment Doll — slots and load.

Equipment Doll — body silhouette with equipment slots
Equipment Doll

Visual equipment layout, no guesswork.

Body silhouette with positioned equipment slots — head, chest, gloves, legs, weapon, accessory. Equip Load bar below shows current weight vs capacity. Covenant section underneath.

Developers get a reference they can use directly. No rebuilding the doll from scratch.

Same Variables. Same world.

Kit 04 runs on the same Figma Variable system as the rest of the Valdûm collection — Primitives, Semantic Colors, Rarity, Spacing, Typography. Swap a rarity token and every element updates. Mix the Character screen with Inventory, Bazaar, and Forge — the language is identical.

What's in the download
Figma source file
51 components
Figma Variables
PNG 1x · 2x · 3x
All states included
40+ item icons (AI)
Part of the Dark Fantasy RPG UI System

Kit 04 of the Dark Fantasy RPG Valdûm system. Same palette, same Variables, same world — pairs with Inventory, Bazaar, and Forge. Skill Tree is next.

View full collection →

Get the Character Screen on itch.io

Instant download · 51 components · Figma Variables · PNG 1x/2x/3x included

Buy on itch.io →