Skip to main content

Design layout templates

Layout your grid for your next UI design process with pre-built templates to get you started.

design layout gridesign layout gri
Layout grids hero imageLayout grids hero image

Layout grids

Jumpstart your design process with a responsive layout and smart breakpoints.

Learn more

Grid System Layouts HeroGrid System Layouts Hero

Grid system layouts

8 points grid layout with breakpoints.

Learn more

Patterns & Layouts UI Kit Hero ImagePatterns & Layouts UI Kit Hero Image

Patterns & layouts UI kit

Reusable frameworks using our components and layouts that help to solve common use cases built by Goldman Sachs.

Learn more

Modern Design Layouts HeroModern Design Layouts Hero

Modern design layouts

Asymmetric grid layouts for modern and artistic websites.

Learn more

Website Layout Grids HeroWebsite Layout Grids Hero

Website layout grids

13+ custom grid layouts for websites, portfolios, SaaS, responsive, and app designs.

Learn more

Figma auto layout playground hero Figma auto layout playground hero

Figma auto layout playground

Learn how you can wrap objects to a new line, set min and max widths and heights, and truncate text.

Learn more

Instagram layout mockup heroInstagram layout mockup hero

Instagram layout mockup

Instagram UI grid mockup for inspiration.

Learn more

Explore 1,000+ templates on the Figma community

Explore even more templates, widgets, and plugins—all built by the Figma community.

Figma communityFigma community