Made for figma
Building on the key features from Figma
KI is a Design System for Figma that helps you create pixel perfect products simply, and efficiently
Figma
Libraries
Figma
Auto
Layouts
Figma
Interactive
Variants
KI Design System is a comprehensive design library.
With deep and interconnected logic
To help you build any product from scratch. Giving you all the basic blocks that are needed for any interface.
While also allowing you to create your UI themes
allowing you to add your own custom components and styles.
Flexible, Consistent, and Accessible collection of components in Figma.
Built using Figma's amazing
• Auto Layout (dynamic spacing)
• Interactive Variants (various states, sizes and more.)
Components Variants and now reorganized to increase the speed of workflow.
Made for DESIGNERS
Best Practices
This design system has taken everything we know to work and well systemized it.
Best Practices
Native Pattern Support (Apple, Android)
Best Practices
Light & Dark Mode
Best Practices
8px Grid System
Best Practices
Fully Responsive Components
Summary:
2+ UI Typefaces
350+ colors
+2 Transparent color pallets
300+ UI Components
72+ Royalty-Free Icons
Different Sized Components
Full-Form Building Buttons,
Text, and Custom Inputs
Desktop,
Mobile Web,
and Native Patterns
Responsive Templates: Desktop, Tablet, and Mobile
Grids Base 8 Sized for Pixel Perfect App Designs
Branding Colors,
Typography Styles,
Effects
Icon-set
Spacing,
Photography,
Grid System
Components
Buttons,
Text Inputs,
Checkboxes,
Radios,
Checkboxes,
Toggles,
Sliders,
Increment Stepper
Pagination,
Progress Indicator,
Avatars,
Badges,
Dropdown's
Accordions,
Tables,
Toast,
Tooltips,
Modals,
Tabs
View the Pro Version
Terms of Use:
You are free to use this for all your personal and commercial projects. Please don't distribute, resell or sublicense it.
Why its valuble
Learn how to design user Interfaces
KI is a Design System for Figma that helps you create pixel perfect products simply, and efficiently
Design Basics
Design Basics
Design Basics
Why its valuble
Why KI Design Syetem
KI is a Design System for Figma that helps you create pixel perfect products simply, and efficiently
Build on established patterns
Unit designs under the banner of one team
Start from a single source of truth
Synergies with tech teams
Synergies with tech teams
The Package Options
Learn the way that suits you. Prefer video, or documentation, this course has it all.
Package One
DS Solo
+ Lifetime Access
+ (5) Modules
+ 500 Custom Components
+ 200 Icons
+ 100 Text Styles
+ 100 Color Styles
+ 100 Depth Styles
✓ 300 Pre-Styled Components
✓ 30 Pre-Styled Layouts
✓ Auto-Layout v3 Ready
✓ Discord Request Channel
or pay in full and save $297
Package Two
Suggested
DS Pro
+ Lifetime Access
+ (10) All Modules
+ 1000 Custom Components
+ 500 Icons
+ 100 Text Styles
+ 100 Color Styles
+ 100 Depth Styles
✓ 300 Pre-Styled Components
✓ 30 Pre-Styled Layouts
✓ Auto-Layout v3 Ready
✓ Discord Request Channel
or pay in full and save $297
Package Three
Team
+ Lifetime Access
+ (15) Modules
+ 1069 Custom Components
+ 500 Icons
+ 540 Text Styles
+ 120 Color Styles
+ 100 Depth Styles
✓ 656 Pre-Styled Components
✓ 30 Pre-Styled Layouts
✓ Auto-Layout v3 Ready
✓ Discord Request Channel
✓ Group Discount
✓ VIP Support
✓ VIP Requests
or pay in full and save $297
