KillerInteractions.com
UI Product Design
Resource Hub
A range of tools, tutorials and design assets to get you up and running & mastering UI Design
Killer Interactions Products
Learn the way that suits you. Prefer video, or documentation, this course has it all.
Masterclass
UI Product Design • Master Class
Premium Course
Coming Soon
Master Class
User Interface Product Design
A fully guided, exercise-driven approach to learning user interface design and crafting design systems from scratch!
Foundations
Guidelines
Elements
Spacing
Colour
Icons
Type
Imagery
Interactions
Components
Layouts
Style
Flows
Vault
Design Systems
UI Design System • Figma Library File
Free File
Basic-System
Figma Library File
Core Design System
The complete Figma design system for, Which makes it incredibly simple to build a consistent design. Pixel perfect products simply, and efficiently.
- Libraries: Type, Colour, Space
- 50 Colours
- 1 Typeface
- 20 Components
- 2000 Variants
Libraries
Auto-Layout
Variants
Premium File
Complete System
Figma Library File
Pro Design System
The complete Figma design system for, Which makes it incredibly simple to build a consistent design. Pixel perfect products simply, and efficiently.
- Libraries: Type, Colour, Space
- 200 Colours
- 2 Typeface
- 50 Components
- 5000 Variants
Libraries
Auto-Layout
Variants
Workflows
UI Design Workflows • Class
Premium Course
Design-Class
Version 1.1
Educational Course
Rapid Figma
The Free, do whatever you want to the basic set of icons for product design. Figma design file and individual SVG and PNG files.
- 200 Icons
- 4 Sizes (16px, 24px, 32px)
- 3 Styles (Line, Solid, 2-Tone)
Icons
• Icon Sets •
Base Set
Figma File
Marketing Icons
The Free, do whatever you want to the basic set of icons for product design. Figma design file and individual SVG and PNG files.
- 200 Icons
- 4 Sizes (16px, 24px, 32px)
- 3 Styles (Line, Solid, 2-Tone)
Free Set
Base Set
Version 1.1
Figma Library File
Core Product Icons
The Free, do whatever you want to the basic set of icons for product design. Figma design file and individual SVG and PNG files.
- 200 Icons
- 4 Sizes (16px, 24px, 32px)
- 3 Styles (Line, Solid, 2-Tone)
Premium Set
Complete Set
Figma Library File
Pro Product Icons
The complete set of pixel perfect, do whatever you want to the basic set of icons for product design. Figma design file and individual SVG and PNG files.
- 800 Icons
- 4 Sizes (16px, 24px, 32px)
- 3 Styles (Line, Solid, 2-Tone)
Who's building this?
A designer of 14+ years, I have spent those years loving design, and building a holistic understanding of graphic, user interface and product design. I have also been lucky to learn from and work with a few of these organizations:
• Worked with •
Foundation
• Teacher At •
Design School
Diego Oriani
Co-founder of Stupendous
"The KI master class was incredibly impactful. The instructor, John, was knowledgeable and provided practical examples. The class covered a wide range of topics and the tasks were valuable. I highly recommend it to anyone looking to improve their product design skills."
Marissa
CEO, Founder of Tidbit
"I would've paid 4x more for this course, it was that valuable. The instructor, John, exceeded my expectations. He provided exactly what I needed to take my designs to the next level. I highly recommend this course."
Bartek Nowojski
Senior Product Designer
"Not gonna lie... this is the best design course I've ever taken. Shift Nudge has fundamentally changed the way I design for the web."