Creating a dynamic and responsive content in Sketch

Riel M
Riel M
Jan 28, 2018 · 2 min read

Having a dynamic and responsive content is most of the time disregarded by other designers. We usually dwell with this issue once we encounter it at first hand. We normally just create a symbol, override them, and later learned that it doesn’t work for longer content overrides, like the one below.

Image for post
Image for post

And because of this, we now think of a solution we thought will work “aha! why don’t I just stretch the text so it will work” but still no solution found (see below)

Image for post
Image for post

Thus, I’ll be showing in this article how we can make our content dynamic and responsive at the same time using Sketch’s built-in resizing features.

As to solve our initial example, we need to go back to our symbols page and and fix our cards’ resizing feature.

Image for post
Image for post

And here is another example, a card with an icon:

Image for post
Image for post

There are still a lot of design layout we can apply these solutions, and I hope this short article help you to start making your components a dynamic and responsive one :)

For more questions, you can message me at mhariellmosqueriola@gmail.com and can check out my work at behance.net/mhariellriel

Design + Sketch

The best collection of articles, tips, tutorials, and…

Riel M

Written by

Riel M

Product designer from the Philippines based in Singapore . Email at mhariellmosqueriola@gmail.com . Linkedin @mhariellriel

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Riel M

Written by

Riel M

Product designer from the Philippines based in Singapore . Email at mhariellmosqueriola@gmail.com . Linkedin @mhariellriel

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store