Galactic Garrison

Personal project that includes illustration, design systems and website building

Galactic Garrison is a colossal modular illustration library — armors, helmets, weapons, chapters and accessories inspired by the Warhammer 40K universe, built entirely in Figma. A personal project that applies professional design system thinking to something with no brief, no client, and no rules.

View Live

Team

Juan Felipe Cadavid

6+component categories — helmets, armors, weapons, badges, chapters, accessories
20+community creators credited and incorporated into the library
Freeaccess — fully accessible to anyone with a Figma account, no paywall
combinations — every component modular and composable

What happens when a product designer builds something only for themselves

Every professional project comes with constraints — client briefs, stakeholder reviews, scope documents, sprint deadlines. Galactic Garrison has none of those. It exists because Warhammer 40K has one of the richest visual universes in fiction, and the wargaming community around it produces extraordinary creative work — custom paint jobs, original chapters, hand-built miniatures — that deserved a design tool worthy of it.

The premise is simple: a fully modular Figma library that lets anyone build their own customised space soldier — picking helmets, armors, weapons, shoulder pads, chapter badges, and accessories, all composable in Figma without any design expertise required.

The same system thinking I apply to UI component libraries turns out to work perfectly for building a modular illustration kit. The medium changes. The architecture doesn't.

This is where the product design dimension becomes interesting: building a library that non-designers can use fluently requires exactly the same discipline as building a UI component library for non-designers. Variants, auto-layout logic, composability, naming conventions, discoverability — all the same problems, entirely different subject matter.


One project, three areas of craft

Galactic Garrison sits at the intersection of three distinct skill areas. Understanding each one separately is what makes the whole project legible as a professional case study rather than just a hobby.

Illustration
building a visual universe from scratch
Every helmet, weapon, armor piece, badge, and accessory is a custom vector illustration. The style is deliberate: bold, flat, sticker-adjacent — influenced by the grimdark aesthetic of Warhammer 40K but simplified enough to be modular and remix-friendly. The illustration system had to be coherent across hundreds of individual pieces made over months.
Design systems
Figma architecture for non-designers
The library is built on the same principles as any professional UI component library: variants for every state and option, nested components that inherit properties, consistent naming that maps to how the community talks about their miniatures. The constraint that non-Figma users should produce something they're proud of shapes every architectural decision.
Product design
the community loop and distribution model
Galactic Garrison isn't just a file — it's a product with a website, a launch strategy, a brand, a free-access model, a community contribution system, and a roadmap. Designing all of those in conjunction is product thinking: who is the user, how do they discover it, how do they contribute back, and what makes them stay?

A style that had to work at miniature scale and system scale

The Warhammer 40K universe has decades of official art, miniature designs, and community interpretations to draw from. Developing an illustration style for Galactic Garrison meant finding a lane that was clearly in conversation with that universe — familiar to the community — while being distinctly its own thing.

The answer was a bold vector style with strong silhouettes, flat fills, and high contrast — closer to a sticker sheet or enamel pin design than to the painterly detail of official Warhammer art. This choice was functional: simpler forms are easier to modularise, easier to recolour, and easier for community members to adapt to their own chapter schemes.

The MKVII pack — one helmet design rendered across multiple chapter colour schemes. Consistent silhouette, infinitely recolourable.

The MKVII pack — one helmet design rendered across multiple chapter colour schemes. Consistent silhouette, infinitely recolourable.

Weapons pack — each weapon illustrated as a standalone component that attaches to any soldier configuration.

Weapons pack — each weapon illustrated as a standalone component that attaches to any soldier configuration.

The Twilight Stalkers pack — a community-inspired faction with its own distinct silhouette language.

The Twilight Stalkers pack — a community-inspired faction with its own distinct silhouette language.

Each content pack is both a standalone creative release and a system addition. New packs extend the library's combinatorial possibilities — a new helmet works with every existing armor, every existing weapon, every existing chapter badge. Every new piece multiplies the number of possible soldier configurations, not just adds one.


Building a component library where the components are soldiers

The Galactic Garrison Figma library is architecturally identical to a professional UI component library — it just happens to contain space marines instead of buttons. The same problems apply: how do you organise hundreds of components so someone who's never used Figma before can find what they need? How do you handle variants? How do you make recolouring work without breaking the system?

Every piece of the soldier is an independent, self-contained component with its own variants. They combine freely — you compose a soldier the same way you compose a UI screen.

Helmets
The most prominent component. Variants across factions, marks, and custom community designs
Armors
Full body armour sets — the visual chassis every other component attaches to
Weapons
Bolters, blades, and special weapons. Each illustrated to attach naturally to armour components
Chapters & Badges
Chapter iconography and shoulder pad insignia — the primary identity markers of each faction
Backpacks
Power packs and specialist equipment that complete the silhouette
Accessories
Trophies, purity seals, capes, and details that add individual character
The library in Figma — components organised for discoverability and composability, the same way a professional UI system would be.

The library in Figma — components organised for discoverability and composability, the same way a professional UI system would be.

Designed for people who don't know Figma

A significant part of the target audience — Warhammer hobbyists and miniature painters — have never used Figma. Component naming follows community vocabulary, not design system conventions. The drag-and-drop workflow was prioritised over anything that requires knowledge of Figma's more advanced features. The goal was zero learning curve for the creative part — the only friction should be discovering Figma itself, not navigating the library.


A product built for the community and inspired by it's creators

A Figma file sitting in isolation isn't a product. Galactic Garrison has a website, a brand identity, an Instagram presence, an early-access model, and — most importantly — a community contribution system that makes the library grow beyond what one person can build.

The library is free. This wasn't a default — it was a deliberate product decision. The Warhammer 40K community is enormous, global, and already generous in sharing creative work. Charging for access would shrink the audience, reduce community contributions, and position the project as competing against Games Workshop's ecosystem. Free positions it as a community tool.

Over 20 community creators are credited in the library. The contribution model is explicit: anyone can DM the Galactic Garrison Instagram account to request their chapter be built into the library. Contributors become invested users, and invested users bring their communities. The library grows faster than one person could build alone, and every new community chapter represents someone with a personal stake in the project's success.

Galactic Garrison lives in Figma — the platform choice shaped everything from the access model to the composition workflow.

Galactic Garrison lives in Figma — the platform choice shaped everything from the access model to the composition workflow.

Stickers, pins, and merch — the illustration style translates directly to physical products.
Stickers, pins, and merch — the illustration style translates directly to physical products.
3D printable files — the long-term vision closes the loop between digital and physical.
3D printable files — the long-term vision closes the loop between digital and physical.

Where the Garrison is going

Galactic Garrison is explicitly in progress. The roadmap reflects how the project scales both as a creative system and as a product — from Figma library, to multi-platform tool, to physical goods.

V1.0 Figma Library — Full modular library on Figma — helmets, armors, weapons, chapters, accessories. Free early access available now.
Community chapters — 20+ community creators incorporated. Open contribution model via Instagram DM — your chapter, built into the library.
More factions — Expanding beyond Space Marines — T'au, Chaos, Xenos factions planned. Each bringing new illustration languages into the system.
More platforms — iOS, Android, and Rive versions planned — taking the composable soldier builder beyond Figma to a broader audience.
Stickers, pins & merch — The illustration style was always built for physical goods. Enamel pins and sticker sheets are the natural next step.
3D printable files — Closing the loop between digital design and physical miniatures — the ultimate expression of the project's wargaming roots.
T'au faction helmet — one of the new factions planned for the next major expansion.
T'au faction helmet — one of the new factions planned for the next major expansion.
iOS, Android, and Rive — the platforms coming next.
iOS, Android, and Rive — the platforms coming next.

What building for fun teaches you about building for work

Design system discipline applies everywhere. The architectural decisions that make a good UI component library — composability, clear naming, variant logic, low floor for new users — are the same decisions that make a good illustration kit. The domain changes, the thinking doesn't.
Community ownership is better than audience ownership. Incorporating real community creators as named contributors transformed the project's relationship with the Warhammer community from fan project to community infrastructure. People with their chapter in the library become advocates, not just users.
The free model is the right model here. Charging for a fan-made tool built on someone else's IP would create legal and community friction simultaneously. Free, open, and contribution-welcoming aligns the project's incentives with the community's.
Illustration and design systems reinforce each other. The constraints of building a modular system made the illustration work more disciplined. Each piece had to work as a standalone AND as an interchangeable component — that constraint produced better illustration, not worse.
Personal projects are the truest portfolio signal. Client work shows what you can do within constraints. Personal projects show what you care about, how you think without a brief, and whether you ship — which is the hardest part.

More work

charles

charles needed to stop looking like every other SaaS tool in the room. Two website redesigns, a full rebrand, a commissioned custom typeface, and a design system that the entire company could use — this is what it took.

View case study

PIE Design System

A complete design and engineering infrastructure. From foundations, components, patterns, platform support, to tooling.

View case study