Figma Design System Setup by James Shih-Gillen

Figma Design System Setup

James Shih-Gillen

Contact for pricing

About this service

Summary

When your design is scattered across old files, random components, and inconsistent styles, everything slows down. Your team wastes time recreating elements that should already exist. Your product feels disjointed. Scaling becomes painful.

A well-structured design system fixes this. It gives your team a single source of truth, clean, organised, and ready to scale.

I'll take your existing Figma file or website and transform it into a fresh, organised design system that makes your team faster and your product more consistent.

What's included

Component library
Reusable UI components with proper variants, states, and auto-layout (buttons, inputs, cards, navigation, and more). Built with nested instances for maximum flexibility.
Design variables
A unified system for colours, typography, spacing, shadows, and grid structure. Set up with Figma modes if applicable, so you can easily switch between themes (light/dark mode, brand variations, etc.).
Clean Figma organisation
Logical file structure that's easy to navigate, collaborate on, and hand off to developers.
Usage documentation
Clear guidelines on how to use components correctly and maintain consistency

Example projects