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...
Question
How to Effectively Adapt a Complex Desktop Design for Mobile?
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).
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.