Nocra UI kit for Figma: AI product design system
Nocra UI kit for Figma: ready templates, components and styles for AI SaaS, chat apps and dashboards.
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
Style selection
Action menu
Accordion select component
AI status panel
Cards dark theme
Cards dark theme
Alert components
Button group or Segmented controls
Cards variations
Dropdown menu
Cards dark theme
List items widget
Badges dark theme
List item components
List items widget
Cards dark theme
Numeric sliders
Cards variations in dark theme
More dark cards
Prompt history widget
Prompts input widgets
Prompt history
Promo card sample
Badge components
Prompt widgets
Prompt inputs dark
Tooltip variations
Prompt inputs
Side navigation drawer with marketing asset
Side navigation dark theme
Side navigation dark theme widgets
Prompt widgets combinations
Top navigation toolbars
Navigation tab components
Widget with thumbnails list items
Toggle switches
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?
l am new to Figma. Should I try your kits?
How to import your kits?
Which license type should I choose?
Can I build commercial proiects with your products?
I have a project. Can I hire you?
I 💜 Your designs, but can I have a discount?
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.
