Figma Design System SetupJames Shih-Gillen
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 work
James's other services
Contact for pricing
Tags
Adobe After Effects
Adobe Illustrator
Figma
Jitter
Principle
Interaction Designer
UI Designer
UX Designer
Service provided by
James Shih-Gillen proOxford, UK
- 39
- Followers
Figma Design System SetupJames Shih-Gillen
Contact for pricing
Tags
Adobe After Effects
Adobe Illustrator
Figma
Jitter
Principle
Interaction Designer
UI Designer
UX Designer
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 work
James's other services
Contact for pricing