UI/UX Design System with Figma

Demonstrate creating a font style in a design system in Figma by editing text layers, adjusting typography and color, and observing when changes aren’t saved.

Create and save color styles in a Figma design system, naming hues and building a reusable color style set for consistent use.

Discover shadow style in a Figma design system by applying drop shadow with blur, color, and opacity, and fine-tuning the main style using origin points and metrics.

Explore building a single form style in a design system in Figma, then present multiple style variations by adjusting text, color, and layout.

Explore creating a message style in a Figma design system, including fades with white color, drop shadows, radii, middle alignment, and alert messages with yellow background and white text.

Create a button style within the Figma design system, tuning font weight (bold/semibold), colors, stroke color, border radius, and drop shadows for a polished look.

Design a header style in a design system using Figma, outlining navigation, alignment, color choices, typography, and drop shadow effects for a polished, professional header.

Explore how to create and apply a pagination style within a figma design system, including setting stroke colors, creating new styles, renaming layers, and copying elements for consistent UI components.

Create and test grid styles in a design system using Figma, exploring column, row, and square grids for a desktop layout and six editable titles.

Design a tool tip style in Figma as part of a design system, shaping a pop-up with rounded corners, indicators, text, and drop shadows.

Explore work opportunities for UI designers across industrial levels, companies, and marketplaces, showcase your portfolio on Fiverr, Upwork, and LinkedIn to land remote and enterprise roles.