Blog
Practical guides to mobile app design, designing with AI and getting your screens into Figma. Choosing a tool? See how Outclass compares.
How to design a mobile app with AI, step by step
A practical guide to AI app design: write a prompt that works, review the first draft like a designer, fix what's off and hand editable screens to Figma.
Mobile app design: a practical guide
The essentials of mobile app design: screen sizes, layout, navigation, type, color and the details that make an app feel well made, with a checklist.
App screens: the mobile app screens every app needs
A list of the app screens almost every mobile app needs, what each one is for and how to lay it out, from onboarding to settings and empty states.
Figma mobile app design: from first frame to handoff
How to design a mobile app in Figma: frame sizes, layout grids, auto layout, components, variables and developer handoff, plus a faster way to start.
Hiring an app designer vs designing with AI
What a mobile app designer does, when you need one, what AI app design does well, and how to combine both to get a better app for less.
Mobile mockups: how to make one that sells your app
What a mobile mockup is, how it differs from a wireframe and a prototype, and how to make app mockups that look real, from screen to device frame.
SaaS landing page design: sections and mistakes
How to design a SaaS landing page that converts: the sections it needs, in order, what to write in each, and the design mistakes that cost signups.
Landing page builder or design first? How to choose
Landing page builders get a page live fast; designing first gets it right. When to use each, what to look for in a builder and how to combine both.
Habit tracker app design: screens and patterns
How to design a habit tracker app people keep using: the screens you need, check-in and streak patterns that work, mistakes to avoid and a prompt to try.