Icons
Embrace visual storytelling and clarity in your user interface with Plus UI's Icon that powered by Font Awesome.
Last updated
Embrace visual storytelling and clarity in your user interface with Plus UI's Icon that powered by Font Awesome.
Last updated
Icon family has 3 different types which is Regular, Solid and Brand.
Tailor the size of your icons to fit harmoniously within your layout, ensuring a cohesive and aesthetically pleasing visual hierarchy. The versatility and customization options available for crafting the ideal iconography in your application.
If the icon is to be used next to the text, the icon variation with line height can be used to keep the bottom line height aligned.
If there is not enough space in the area to be used and the minimum version of the icon will be used, the version without line height can be used.
Step 1: Write icon to the assets and drag the result to the workspace.
Step 2: Visit Font Awesome web page and search for the Icon that you want to use.
Step 3: You can copy it by clicking on the Icon Name on the popup.
Step 4: Go back to Figma canvas and paste the icon name. All done!
Font Awesome enriches the visual language with a diverse set of iconic elements that elevate the Plus UI Design System, providing users with a comprehensive and integrated toolkit for crafting exceptional user interfaces.
Iconic Elements: Font Awesome integration brings a plethora of iconic elements to the Plus UI Design System, enhancing visual appeal and providing a diverse range of symbols.
Scalable Icons: Font Awesome's scalable vector icons seamlessly align with our components, ensuring clear representations in any context.
Unified Aesthetics: The integration ensures a unified aesthetic language for a cohesive user experience.
If you're new to Figma, the platform may initially seem overwhelming, but exploring the interface can be a fun and rewarding experience. Before you can use the Keep Design System in Figma, it's essential to learn the basic tools and functionalities of the platform.