Figma UI kits & web design system for building beautiful SaaS interfaces
Save thousands of lifetime hours with professional Figma UI Kits.
Increase your design and development workflow 10x.
Build scalable systems, interfaces, and products.
Compatible with
React
&
Angular.
Rated 5★ by 4,500+ people
Frames X is a customizable web design system for building high-converting, fast-working websites and SaaS applications.
Professional UI Kit featuring advanced components and frameworks engineered to accelerate your Figma workflow.
Dmitriy Bunin
Creator of Frames X
UI kit For Developers
Build high-quality websites, apps, and design systems
Figma design and code unified
Unstyled and 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';
Enterprise-ready Figma UI Kit for building scalable interfaces
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 Kit 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.
UI Kit Documentation
In-file docs to help effectively communicate with your team and make better design decisions.
On-Demand UI Kit 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
Figma website builder
Create jaw-dropping and responsive websites. Build 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
Create dashboards, apps, and complex UI designs 10x faster with robust templates and time-saving elements.
Dashboard & website examples
Thoughtful UI components & variants
Practical Figma variables & styles
70⟡ Production-Ready Components
UI kit that scales your business
Use bulletproof design system tactics to make your business UI efficient and consistent.
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
Best Figma UI kit for brand customization
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 Figma UI kit
Figma variables & code unified
Developer-friendly UI kit
★★★★★
@nickfloats
★★★★★
❝ Hands down, it's the best Figma UI kit I've spent my money on! ❞
@deesignar
