Skip to main content
Katya_Rybal
Katya_Rybal
New Member
March 26, 2025
Question

How to Effectively Adapt a Complex Desktop Design for Mobile?

  • March 26, 2025
  • 1 reply
  • 712 views

Hi, guys! Could you share your experience with responsive design? How do you show designs for different screens? Do you create responsive from the start, or do you make it separately? I have large and complicated project with lots of screens for desktop size. What would be the best way to show design in mobile screens? I did not create responsive from the start because it was not requested, but now some screens should be shown for mobile screens. Please share your opinions...

This topic has been closed for replies.

1 reply

Nate_G
Nate_G
Power Member
March 26, 2025

There are many ways to approach responsive design. Some go mobile-first, but I usually start with 1440px (desktop)and keep mobile in mind from the beginning.

I rely on Auto Layout, constraints, and component variants to make designs flexible across breakpoints. This makes it easy to scale layouts up or down based on screen size.

Once the desktop layout is solid, I adapt it to a 375px mobile view—often just switching Auto Layout from horizontal to vertical or toggling a variant from desktop to mobile.

When handing off to devs, I typically share designs at 1920, 1440, 1024, and 375 (or 360 for Android).

Nate G
Terms & ConditionsAccessibility statement