Introduction to Sketch

Overview

“We are going to learn how to use "smart layout". It is a very powerful functionality to maintain consistencies in the spaces between texts and layers. It also means that when you change the content of a text, the rest of the elements automatically adapt to the height of the text, respecting the spaces that you have predefined.”

In this video lesson Samuel Hermoso (Elastic Heads) addresses the topic: Use the smart layout, which is part of the Domestika online course: Course 6: Layouts, Grids, Smart Layouts and Prototyping. Create your first navigable prototype with Sketch.

Partial transcription of the video

“INTRODUCTION TO SKETCH COURSE 6 LESSON 5 Use the Smart Layout In this lesson we will see a new functionality that Sketch has incorporated, which is called Smart Layout. With Smart Layout, we can establish a series of distances between elements and as they grow into a symbol, they will push the rest. This allows us to automate the spacing between elements. I show you how it works. Smart Layout what it solves is when I have a style created for these types of texts, for example, Title, the distances here of 8 pixels, Category, 8 pixel distance here, Body of text, its height, multiple of 8 and ...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: Course 6: Layouts, Grids, Smart Layouts and Prototyping

• Level: Beginner
• 100% positive reviews (67)
• 16 students
• 10 units
• 11 lessons (1h 37m)
• 3 downloads