Popsicle
Popsicle design is a vibrant, innovative toolkit for crafting delightful, user-friendly, and consistent interfaces with ease.
Get started
Know the Popsicle.
Popsicle Design is organized in three main parts: foundations, styles, and components. Each section includes design guidance and tools to help you customize and build with Popsicle.
Foundation
Accessibility, design tokens, and more.
Styles
Systems for applying color, type, icons, motion, and shape.
Components
Customizable UI elements, from menus to buttons to dialogs.
Figma design kit
Jumpstart designs with ready-made elements.
Overview.
Color
Color is used to convey style and meaning.
Typography
Typography enhances both readability and aesthetics.
Icons
Icons are used to represent common actions.
Layout
Layout show how elements are visually arranged on the screen.
Elevation
Elevation is the vertical distance between surfaces..