Revamp Your App Design: Figma Meets AI for Modern LayoutsRevamp Your App Design: Figma Meets AI for Modern Layouts
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Aldrin's avatar
Aldrin Caballero
pro
• 5h
Figma + ChatGPT = ❤️ (4)
4. App design revamp
ChatGPT can be not just a great UI auditor, but also a great co-creator for your design. You can prompt the tool:
How would you modernize this layout?
Bad news: if you ask ChatGPT to redesign a screen in Figma, you will see a message like this
The best the tool can do at the moment is generate FigJam diagrams. Here is how it looks in ChatGPT output:
Post image
Aldrin's avatar
Aldrin Caballero
pro
• 5h
Good news: You can go to Figma Make, submit the following prompt using the structure ChatGPT provided, and create a quick prototype of your page/screen. Here is a prompt I will use (as you can see, I’ve added two sentences at the beginning).
Design a home screen of the mobile recipe app for healthy foodThe screen should have the following sections & content: [ Status bar ]👋 Good afternoonFind healthy recipes that fit your goals[ Search bar ][ Chips row ]High protein · Under 20 min · Vegetarian · Low carbPicked for you[ Recipe card ]  [ Recipe card ]Quick & healthy[ Recipe card ]  [ Recipe card ]Explore by goal[ Weight loss ] [ Meal prep ][ Energy boost ] [ Comfort food ][ Bottom navigation ]
Aldrin's avatar
Aldrin Caballero
pro
• 5h
And here is what Figma Make generated for me:
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started