HomeNewsHow to Make Your UI Design Fully Responsive With Sketch — Part 1

How to Make Your UI Design Fully Responsive With Sketch — Part 1

Design + Sketch App — Medium | Sebastian Müller

Or How to Use the Fluid Plugin to Make Your UI Design Automatically Resize to Its Content…

Introduction

I think you all know the following situation: You create a design for a one pager or an app and you have to change the height of the second module because you added text or an element. On top of this you want to change the header image size. What happens? You have to have in mind all the margin values between each module, select them and move them up and down accordingly to the adjusted module heights.

This can be annoying

No, I don’t like that! I’d rather like to hit “Update” and all the elements move automatically according to the changes. And that’s what can be done with the Fluid plugin.

Just like that:

Magic 🙂

About the Fluid Plugin

Featured articles on Prototypr: