Heads up! The figma file is a comprehensive design system that includes all the components, pages, and styles. We will be including the basic figma file for SmartAdmin in this project, the extensive version of the Figma file will be sold separately.
Sytem Designs
Design principles & system maps Comprehensive Design Systems
Atoms
Buttons, Icons, Typography smallest building blocks of the design system
User Flows
Flowcharts & Wireframes Journey or workflow through the product
Design Files
Mockups, Prototypes, Assets Finalized design assets or deliverables
Molecules
Search Bar, Card Layout, Panels etc Reusable groups of Atoms
Organisms
Headers, Footers, Forms, or Sidebars Complex UI components made of Molecules
Templates
Reusable Sections Pre-designed page layouts using organisms and molecules
Components
Buttons, Modals, Dropdowns Reusable UI Interactive elements
Pages
Dashboard, Checkout, Profile, etc Fully assembled screens or pages for the product
Style Guide
Color Palette, Typography, Icons, etc Centralized documentation of design tokens and rules
Prototypes
Clickable flows or animations Interactive versions of designs for testing or presentations
