Nocra is a design system for AI products
NOCRA UI Kit — built specifically for startups harnessing AI generation: images, video, audio, music, prompts, and beyond.
1200+ components
Token-based, auto-layout components with variants, ready patterns for fast AI product UI.
22 pre-built animations
Loaders, thinking states, success and error motions, polished microinteractions for demos.
Light & dark themes
Instant theme toggle via tokens, consistent contrast, scalable styling across every screen.
44+ full-screen templates
Complete AI app screens: onboarding, chat, dashboards, library, settings, payments, flows.
Preview Nocra templates
Preview more Nocra design assets
.jpg)
.png)
.jpg)
.png)
.png)
Get started⚡
Nocra UI kit for Figma
Save countless hours with ready-made components, intuitive screens, and stunning animations. NOCRA empowers you to go from concept to clickable prototype in minutes, not days — so you can launch faster, innovate smarter, and outpace the competition.
Aurora Bundle ✦ Orion + Eclipse + Hyper ✦ Save 30%
Aurora Bundle combines Orion, Eclipse, and Hyper Charts for Figma dashboards: 50+ chart templates, 200+ widgets, 1000+ editable graphs, 74 screen templates, 30% savings for data-driven teams today.
Hire us to custom design & code! Let's build together ✊
FAQs
How to start with this design system?
After the successful purchase via Gumroad (it's safe and encrypted) you will be taken to a download page. You will also get the download link in your email (check the SPAM folder sometimes). Then just simply drag and drop .FIG file onto your Figma app. Do not drop it onto the project. Drop it over the starting screen with recent projects grid.
l am new to Figma. Should I try your kits?
Definitely! Our products help customers who learning Figma from scratch. By exploring and studying commercial UI kits you learn how the components and layouts were crafted, which styles being used and which styling tricks have been applied.
How to import your kits?
Importing .FIG files into Figma: https://help.figma.com/hc/en-us/articles/360041003114-Import-files-to-the-file-browser
Which license type should I choose?
You must select the proper license type according to the number of users in Figma if you're purchasing our product for the business.
Business license — for startups or enterprise organizations to use for a local team or publish in Figma library.
Individual license — for freelancers, indie developers, or solopreneurs working on a single project.
Can I build commercial proiects with your products?
Yes! You can build an unlimited amount of commercial projects using Setproduct assets. But, please, consider a license type before making a purchase.
I have a project. Can I hire you?
We're open-minded to your custom design & development projects. We can create complex templates based on our Figma libraries and code them in the production using a wide variety of popular frameworks and technologies.
If you have a project to design & develop, simply contact us describing your brief, budget, and expectations.
I 💜 Your designs, but can I have a discount?
We provide discounts for those, who scrolled to the bottom and revealed our proposal. Just drop us a message with a short story about how you plan to use our product and we will give you a ✨30% off coupon for the upcoming purchase. Please, provide a specific product name you've put your eye on.
Figma Templates & UI kits
Nocra UI kit
Nocra is a design system for AI products. Built specifically for startups harnessing AI generation: images, video, audio, music, prompts, and beyond.
.avif)
Material X for Figma
Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma
.avif)
Material You UI kit
Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.
Figma React UI kit
Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.
.avif)
Panda Design System
Figma library with dashboard, calendar, kanban, profile, table, ecommerce and 80+ templates in total. Components with variants, dark theme included.
.avif)
Eclipse UI kit
Figma library with 1100+ components & 74 templates for data-driven web applications. Powered by auto-layout. Supercharged by Figma's variants.
Rome UI kit for Figma
Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.
Material Design System
Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.
Neolex Dashboard UI kit
Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.
.avif)
Material Desktop Dashboard UI kit
Figma library with 48+ dashboard templates based on reusable desktop app patterns carefully handpicked from the most popular web apps.
.avif)
Xela UI kit for Figma
Figma library with 1900+ variants of 30 components categories to craft perfectly shaped desktop & mobile apps. Customizable & Adjustable dashboard design system with 50+ web app templates.
Figma S8 Design System
Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.
OE Figma Design System
Customizable and well-organized Figma library. This design system aimed to build highly loaded interfaces, boost the speed and save more costs.
Figma iOS kit
Figma library of iOS patterns served as ready-made templates. This UI kit inspired by World's best apps. Based on Human Interface guidelines.
Figma S8 Design System
Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.
.avif)
Most iOS UI kit for Figma
iOS native components and app templates organized into a «Most Design System» fully compatible with Apple's Human Interface guidelines.
Rome UI kit for Figma
Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.
Material Design System
Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.
.avif)
Nucleus UI
Nucleus UI contains 1000 components and variants with 500+ mobile screens designed for Figma (including 9 themes from Event, E-commerce, Finance, NFT, etc.).
.avif)
Figma Android UI kit
Components-driven Android mobile UI library for Figma. Consists of 140 high quality application templates made of total 250+ UI components.
Mobile X UI kit
Customizable & adjustable iOS / Android design system loaded with ready-made 157 app templates based on 860+ variants for 20 components.
Appka iOS UI kit
Customizable & adjustable iOS design system with 4100+ variants for 28 components and 280+ ready-to-use app layouts crafted for Figma.
.avif)
Full iOS UI kit
Customizable iOS design system with 320 ready-to-use app layouts. You can modify them or use as it is to save time and never design from scratch again.
Xela for Flutter
XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.
Xela for Android
Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.
Xela for Swift
Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.
Material You UI kit
Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.
Figma Charts UI kit
Components-driven graphs design kit for dashboards, presentations, infographics & data visualisation. Includes 25+ charts types for all the viewports.
Hyper Charts
Create impressive visuals with Figma's graphs templates – dozens of scalable and customizable data visualization blocks for dark and light modes.
Orion UI kit
Figma library with 40+ full-width charts templates served in light & dark themes. Contains 200+ of dataviz widgets that look perfect on desktop & mobile screens.
%20(1).avif)
Xela for React
React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.
Figma React UI kit
Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.
Material X for Figma
Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma
Xela for Flutter
XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.
Xela for Android
Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.
Xela for Swift
Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.
Material You UI kit
Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.
Xela for React
React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.
Levitate 3D kit for Figma
Components-driven 3D kit to design eye-catching Figma presentations. Helps to enhance your landing page, product or app, brand ident, etc.
%20(1).avif)
Website templates UI kit
Landing pages reusable templates kit based on most effective web design patterns. 140+ dark & light constrained design blocks.
.avif)
Figma Landing Pages UI kit
Landing pages templates library based on constrained & organized components aimed to speed-up the production of effective websites.
.avif)
Zeus UI kit
Create hassle-free landing pages in Figma. This kit is based on 10 landing page templates, powered by 1600+ variants for 630+ web blocks.
