Don't Be A Rigid Designer

Learn how to keep your designs flexible

Hey, fellow designers!

We've all been there, creating a beautiful design that looks perfect on one screen, only to find out that it looks terrible on another. As designers, it's our job to create designs that not only look great but also adapt to any device or screen size. But how do we do that without becoming rigid designers?

Recently, I spoke to a client who had very specific requirements for their website's font size, spacing, and overall look. While it's crucial to have a clear vision for your design, it's equally important to consider how it will translate across different devices and screen sizes.

One way to avoid becoming a rigid designer is by providing a style guide.

"A style guide is essential for maintaining consistency throughout your design process, and it also helps ensure your designs look great on any device."

- Andrea Piccolo

This will give you and your developer a broader-level implementation of styles, ensuring consistency across different design elements.

via Figma

Another essential aspect to consider is flexibility in your design, particularly in terms of spacing.

Designer Jacob Cass suggests, "Consider how your design will look when the actual content is added. By giving your design some flexibility in terms of spacing, you'll be able to accommodate different amounts of content without compromising on the overall design."

via Appiness

It's important to remember that the goal of design is not to adhere to a set of self-imposed rules but rather to create a consistent design from beginning to end. As designers, we must constantly ask ourselves 'What solution best fits the content while leveraging the design system in place?' The challenge is to maintain consistency over time while remaining flexible enough to accommodate changes or additions to the design system."

Invest your time in learning auto layout and constraints in Figma. This will help you understand how the spacing works in the development process.

via Figma

So, my fellow designers, let's embrace the fluidity and adaptability that comes with designing for the digital age.

Remember, as designer Paul Rand said, "Design can be art. Design can be aesthetics. Design is so simple; that's why it is so complicated." Let's keep it simple, flexible, and consistent!




Figma Plugins to try this week-

Image - With this plugin, you can remove background, upscale low-res images, do color correction, and export compressed files.

Beatflyer- Animate your artboard in a few clicks using several highly configurable visual effects.

Tweet of the day

Join the conversation

or to participate.