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 enhances your digital superpowers, accelerates the design to production workflow and helps get work done.
Our toolkit's regular updates and unique features ensure that it always delivers 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
Override default configurations
CDK and framework utilities
*14 Components Available for Free
/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
Best Figma UI Kit Bundle
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 application and website design. No fluff, only essential UX.
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.
Unleash your web
design ninja skills 🥷
Easily create jaw-dropping designs and provide bulletproof solutions for your business.
Responsive Figma templates
Production-ready website examples
Dynamic typography
Deliver stunning and
functional designs
Use our practical Figma components to create scalable interfaces and systems faster.
Dashboards & charts examples
Thoughtful UI components & variants
Practical Figma variables & styles
Create adaptable designs that evolve with your project
Our UI kits and design techniques are built to transform your work from basic to extraordinary.
Robust Figma components & templates
Support for light & dark modes
Smooth UI kit customization
Create prototypes faster
Use our carefully crafted interactive components to create prototypes faster.
Easy to customize & handoff designs
Interactive components playground
Delightful & simple UI animations
Level up ⇪ your design and brand team —
deliver beautiful work without sacrificing consistency
Frames X is the best foundation you can ever find for your project!
Our UI kit is designed to help teams and products produce flawless websites and app interfaces faster.
Multi-brand design system
Figma documentation & guidelines
Over 20K functional UI components
Easy to adjust, repurpose & reuse
★★★★★
@nickfloats
★★★★★
Hands down, it's the best UI kit I've spent my money on!
@deesignar