Figma – create Responsive designs Free Download
Like Comment

Figma - create Responsive designs 1

 Figma – create Responsive designs   Free Tutorial Download

This post is part of a series: Building a design system with Figma at littleBits. Read the previous post — how we created atomic components with Figma — here.

This year we faced a big challenge at Little Bits — launching 4 new apps on multiple platforms with both mobile and tablet layouts. We knew we needed a strong design system to do it right, particularly given our small team and short time span (6 months).

Templates with responsive layouts played a key role in scaling our work. Here’s how we figured out the approach that worked for us in both Figma and React.

Magic Number

One thing that’s great to have at the heart of a design system is a ‘magic number’ — it helps harmonize layout if sizes of text, graphic elements, margins, and padding, share a common numeric factor.

Before we had any kind of system, we had mocks of several key screens that had been created to establish the visual direction of the app.

 

Download  Figma – create Responsive designs  Free

Go to Download Tutorials Page

Password : freetuts.download

How to bypass Google Drive download limit for shared files


You might like

About the Author: minhtri

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.