Ahmed Galal
Banhaten
Premium bilingual
design system
Over 10,000 components and variants that speaks your language.
Banhaten
Premium bilingual
design system
Over 10,000 components and variants that speaks your language.
Banhaten
Premium bilingual
design system
Over 10,000 components and variants that speaks your language.
Brand
Secondary
Ahmed Galal
Banhaten
Design system
File
Assets
★ Fundations
↳ Colors Tokens
↳ Typography
↳ Radius
↳ Spacing
↳ Elevation
↳ Grid & Layout Styles
↳ Icons
↳ Misc assets
❖ Core components
↳ Avatar
↳ Alert
↳ Accordion
↳ Badge
↳ Banner
↳ Buttons
↳ Button group
↳ Checkbox
↳ Divider
↳ Dropdown menu
↳ Inputs
↳ Radio
Share
Design
Prototype
50%
Frame
Position
Alignment
Position
X
20
Y
40
Transform
0º
Auto layout
Resizing
W
Hug
H
Fill
Direction + Gap
0
Alignment
Padding
0
0
Brand
Secondary
Ahmed Galal
Secondary
Ahmed Galal
Updated May, 2024
Up to date with the latest Figma updates
+10,000 components
Themes
Variables
Dark mode
Autolayout 5.0
RTL Support
Spacing
Typography
New
Updated May, 2024
Up to date with the latest Figma updates
+10,000 components
Themes
Variables
Dark mode
Autolayout 5.0
RTL Support
Spacing
Typography
New
Updated May, 2024
Up to date with the latest Figma updates
+10,000 components
Themes
Variables
Dark mode
Autolayout 5.0
RTL Support
Spacing
Typography
New
Features
Empower Your Design Workflow
Banhaten's suite of tools is designed to amplify your creative process. Explore the seamless features that redefine how you approach design in Figma.
Arabic
RTL Support
With full RTL support, pixels can speak your language.
Activate RTL
Arabic
RTL Support
With full RTL support, pixels can speak your language.
Activate RTL
Arabic
RTL Support
With full RTL support, pixels can speak your language.
Activate RTL
bg-success
utility-purple-400
text-primary
text-brand
text-success
icon-danger-secondary
text-tertiary
Figma Variables
Color and Spacing Tokens
Harness Figma variables applied to color and spacing for dynamic and consistent designs.
bg-success
utility-purple-400
text-primary
text-brand
text-success
icon-danger-secondary
text-tertiary
Figma Variables
Color and Spacing Tokens
Harness Figma variables applied to color and spacing for dynamic and consistent designs.
bg-success
utility-purple-400
text-primary
text-brand
text-success
icon-danger-secondary
text-tertiary
Figma Variables
Color and Spacing Tokens
Harness Figma variables applied to color and spacing for dynamic and consistent designs.
Figma Variables
Typography Tokens
Switch effortlessly between typography styles for your designs. Tokens automatically adapt for desktop and mobile, speeding up digital product building.
Figma Variables
Typography Tokens
Switch effortlessly between typography styles for your designs. Tokens automatically adapt for desktop and mobile, speeding up digital product building.
Figma Variables
Typography Tokens
Switch effortlessly between typography styles for your designs. Tokens automatically adapt for desktop and mobile, speeding up digital product building.
Components
Interactive Components
New
Bring your designs to life with our selection of interactive components.
Toogle
Checkbox
Button
Tag/Chip
Radio
Dropdown Input
Button Group
Text Input
Tabs
+11
Interactives
components
Components
Interactive Components
New
Bring your designs to life with our selection of interactive components.
Toogle
Checkbox
Button
Tag/Chip
Radio
Dropdown Input
Button Group
Text Input
Tabs
+11
Interactives
components
Components
Interactive Components
New
Bring your designs to life with our selection of interactive components.
Toogle
Checkbox
Button
Tag/Chip
Radio
Dropdown Input
Button Group
Text Input
Tabs
+11
Interactives
components
Image Library
Explore the Visual World
Explore our diverse collection of high-quality images, ready to enhance your projects.
Abstract
Natures
People
Art
Animal
Image Library
Explore the Visual World
Explore our diverse collection of high-quality images, ready to enhance your projects.
Abstract
Natures
People
Art
Animal
Image Library
Explore the Visual World
Explore our diverse collection of high-quality images, ready to enhance your projects.
Abstract
Natures
People
Art
Animal
Avatars
Avatar Library
A Rich Collection of Profile Avatars Celebrating Middle Eastern Cultures.
Avatars
Avatar Library
A Rich Collection of Profile Avatars Celebrating Middle Eastern Cultures.
Avatars
Avatar Library
A Rich Collection of Profile Avatars Celebrating Middle Eastern Cultures.
Figma variables
Dark & Light Mode
Switch between color modes with a single click.
Light mode
Figma variables
Dark & Light Mode
Switch between color modes with a single click.
Light mode
Figma variables
Dark & Light Mode
Switch between color modes with a single click.
Light mode
Make it yours
One design system, 24 variations
With 4 dynamic themes, 2 spacing variations, and 3 radius options, Banhaten offers 24 unique configurations to customize your designs.
Theme 1
Theme 2
Theme 3
Theme 4
Theme 1
Theme 2
Theme 3
Theme 4
Theme 1
Theme 2
Theme 3
Theme 4
Spacing
Default
Spacious
Design System
Our task is to develop a Design System for the enterprise Moover
UI design
UX design
+3
In progress
60%
Sep 23
10
5
Default
Spacious
Design System
Our task is to develop a Design System for the enterprise Moover
UI design
UX design
+3
In progress
60%
Sep 23
10
5
Default
Spacious
Design System
Our task is to develop a Design System for the enterprise Moover
UI design
UX design
+3
In progress
60%
Sep 23
10
5
Radius
Default
Rounded
Sharp
Banhaten
Begin by creating an account
Email Address
username@app.com
Password
• • • • • • • • • •
I have read the terms and privacy policy
Continue
Default
Rounded
Sharp
Banhaten
Begin by creating an account
Email Address