Skills
.Work. You
Rest

figma-dashboard-components

Community

Reusable Figma dashboard components for prototyping.

Design & Creative#layout#figma#prototyping#dashboard#design-system#ui-components
AuthorNaimalArain13
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a structured approach to creating standardized Figma dashboard components—layouts, task views, profiles, and analytics—so teams can build consistent, scalable interfaces faster.

Core Features & Use Cases

  • Reusable UI Library: Systematic patterns for dashboard layouts, sidebars, top bars, task cards, and profile sections that can be dropped into any project.
  • Design Variants & States: Support for multiple states (default, hover, active, mobile) and responsive behavior across breakpoints.
  • Use Case: When designing a new admin dashboard, apply the component library to rapidly assemble a consistent UI across pages like Task Board, Profile, and Analytics.

Quick Start

Open your Figma file and reference the Figma dashboard components kit to start scaffolding layouts and components.

Dependency Matrix

Required Modules

None required

Components

Standard package

đź’» Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: figma-dashboard-components
Download link: https://github.com/NaimalArain13/Hackathon-II_The-Evolution-of-Todo/archive/main.zip#figma-dashboard-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.