Get Started

Foundations

Components

Patterns

Voice and Tone

Basis design system

Search docs…

Basis design system

Search docs…

Get Started

Foundations

Components

Patterns

Voice and Tone

Basis design system

For Designers

Layout & Responsive Design

Ready

Layout & Responsive Design

Once you've create a new figma file, use this guide to get started creating responsive designs in Figma. Be sure to check out the layout and responsive docs pages for best practices.

Ready

Layout & Responsive Design

Once you've create a new figma file, use this guide to get started creating responsive designs in Figma. Be sure to check out the layout and responsive docs pages for best practices.

Ready

Layout & Responsive Design

Once you've create a new figma file, use this guide to get started creating responsive designs in Figma. Be sure to check out the layout and responsive docs pages for best practices.

Related Foundations

Ready

Layout

Use layout to organize visual elements and to help guide users’ attention through a user experience.

Ready

Layout

Use layout to organize visual elements and to help guide users’ attention through a user experience.

Ready

Layout

Use layout to organize visual elements and to help guide users’ attention through a user experience.

Ready

Responsive

Responsive design allows Basis layouts and content to seamlessly adapt fit any screen, from smallest phone to widest desktop.

Ready

Responsive

Responsive design allows Basis layouts and content to seamlessly adapt fit any screen, from smallest phone to widest desktop.

Ready

Responsive

Responsive design allows Basis layouts and content to seamlessly adapt fit any screen, from smallest phone to widest desktop.

Figma components

Variables in Figma

Figma components

Variables in Figma

Figma components

Variables in Figma

Overview

Responsive Content

Responsive Layout

Layout Width

Overview

Responsive Content

Responsive Layout

Layout Width

Overview

Responsive Content

Responsive Layout

Layout Width