AIRight ChevronAI Card
AI Card - Image
AI Card
The AI cards use components like Avatar, Button, and Badge to display insights, statuses, and actions in a compact, interactive format. They summarize AI-driven outputs, recommendations, or user interactions. The design focuses on clarity, quick scanning, and seamless user engagement. These cards help users make informed decisions.
Subscription Upgrade InterfaceFigma LogoGet FigmaGo to Figma
In this demo, a card layout presents a call-to-action button for upgrading a subscription to an AI service.
Figma LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Visual Profile CardFigma LogoGet FigmaGo to Figma
In this demo, a card layout combines imagery and text to present a selection of landmarks. The layout emphasizes visuals and simple organization, creating an effective snapshot of key information.
Figma LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Feature Highlight Card Figma LogoGet FigmaGo to Figma
In this demo, a series of cards use icons and text to succinctly convey individual features.
Figma LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator
Information Display CardFigma LogoGet FigmaGo to Figma
In this demo, a card layout combines imagery, titles, and text to deliver content clearly. It organizes elements to enhance visual appeal and readability, making information quickly accessible.
Figma LogoGet FigmaGo to Figma
Desktop View
Tablet View
Mobile View
Toggle between Light and Dark Mode
Loading Indicator