Web design system & Figma UI kits for crafting beautiful interfaces
✓
Save thousands of lifetime hours with professionally crafted UI Kits
✓
Increase your design and development workflow 10x
✓
Build scalable systems, interfaces, and products
✓
Make more money from your skills
Rated 5★ by 4,000+ people
Frames X UI enhances your digital superpowers, accelerates the design to production workflow and helps get work done.
Our UI kits' regular updates and unique features ensure that they always deliver the best value for the Premium Figma UI kit you've been looking for.
Dmitriy Bunin
Creator of Frames X
For Developers
Build high-quality websites, apps, and design systems
Production-ready components
Unstyled and fully customizable UI Kit
Override default configurations
CDK and framework utilities
/getting-started
① Install
② Configure
import { provideCocokits } from '@cocokits/angular-components';
import { framesXUIComponentConfig } from '@cocokits/theme-frames-x';
Powerful features to turn good designs into exceptional experiences
Premium Figma UI Kit
Frames X is the largest Figma design system to exist with over 25k components in 80+ interface categories.
Figma Websites Templates
Production-ready examples, UI kits, and Figma templates to build your website or applications faster.
Superior Figma Components
Practical and reusable Figma components for web and UI design—optimized for performance. No fluff.
Dashboards and Charts
Responsive data visualization charts, graphs, and dashboard examples for efficient product design.
100% Responsive Design
Resizable Figma components and UI elements for effortless design and fast production speed.
Practical UI Colors Palette
A robust and accessible multi-brand color system for feature-rich interfaces and design systems.
Accessible UI design
WCAG 3-compliant colors and styles, combined with a robust UI library, for the perfect project foundation.
Interactive Figma Components
Interactive components to accelerate prototyping with essential UI animations: hover, active, and clicked.
Global Figma Variables
Streamline your design to the development process with an easy-to-work Figma variables system.
Typography System
Scalable typography system with support for multiple fonts, ligatures, and screen resolutions.
Grid & Spacing System
Responsive grids, layouts, and spacing for consistent brand identity and scalable interface design.
Integrated Dark Mode
Practical optimized dark mode for accessible interface design and reduced manual color work.
Free Icons Packs
Includes open-source Remix icons pack, company logos, country flags, and payment icons.
Personal Support
If you have any issues, we're here to help. We'll reply to your email promptly within 24 hours.
Design Community Chat
Get into a growing community of design geeks where you can get help and share feedback.
Design Documentation
In-file docs to help effectively communicate with your team and make better design decisions.
On-Demand Access
Get immediate access to the newest version of Frames X UI kit through a secure private server.
Figma Variables Tokens
Includes a .json file with design system tokens to share and synchronize with your team.
460⟡ Website Layouts
Unleash your web
design ninja skills 🥷
Create jaw-dropping and responsive designs out of the box. Build timeless interfaces that scale with your business.
Responsive Figma templates
Production-ready website examples
Scalable typography & color palette
70⟡ Responsive Templates
Deliver stunning and
functional UI designs
Easily create dashboards, websites, and complex interfaces 10x faster with pre-designed templates and design system elements.
Dashboard & website examples
Thoughtful UI components & variants
Practical Figma variables & styles
70⟡ Production-Ready Components
Create adaptable designs that evolve with your project
With Frames X UI kits, you will only use components and elements that elevate your design workflow and help you achieve your goals faster.
Robust Figma components & templates
Support for light & dark modes
Smooth UI kit customization
40⟡ Interactive UI Elements
Create prototypes faster
Use interactive components and pre-designed animations to create sleek prototypes and presentations.
Easy to customize & handoff designs
Interactive components playground
Delightful & simple animations
Level up ⇪ your design and brand team —
deliver beautiful work without sacrificing quality
Frames X UI kit is the best foundation you can ever find for your project!
Our UI kits help enterprise teams and organizations scale their design systems and web interfaces more efficiently.
Over 25K functional UI components
Enterprise-level design system
Figma documentation & guidelines
Developer-friendly UI kit
★★★★★
@nickfloats
★★★★★
❝ Hands down, it's the best UI kit I've spent my money on! ❞
@deesignar
