Journal

Tag

#ios-design

iOS 19 Design System: Figma to SwiftUI Code, Mapped: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 5 min read

iOS 19 Design System: Figma to SwiftUI Code, Mapped

Turn an iOS 19 design system from Figma into SwiftUI. Map color, type, and spacing tokens to native styles, then generate code with VP0 and Claude Code.

Lawrence Arya · June 2, 2026
Airbnb-Style Bottom Sheet in React Native: Map Meets List: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

Airbnb-Style Bottom Sheet in React Native: Map Meets List

Airbnb's map-plus-draggable-sheet is a gold-standard pattern. Build a smooth bottom sheet over a map from a free VP0 design in React Native, with the right detents.

Lawrence Arya · May 31, 2026
App Store Rejected? Design Fixes That Get You In: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

App Store Rejected? Design Fixes That Get You In

Most App Store design rejections come from a few rules. See the common reasons under 4.2 and 4.3, and fix them fast by rebuilding screens from a free VP0 design.

Lawrence Arya · May 31, 2026
Apple CarKey UI: What You Build and What Apple Handles: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Apple CarKey UI: What You Build and What Apple Handles

Apple CarKey puts a car key in Wallet. Learn what a CarKey companion app actually designs, and build the pairing and sharing UI from a free VP0 design.

Lawrence Arya · May 31, 2026
Apple CarPlay Audio App UI: Templates and Safety: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

Apple CarPlay Audio App UI: Templates and Safety

CarPlay uses strict system templates, not custom screens. Learn how a CarPlay audio app UI really works, design within the rules, and keep drivers safe.

Lawrence Arya · May 31, 2026
Sign in with Apple UI Guidelines, Built in Figma: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

Sign in with Apple UI Guidelines, Built in Figma

Sign in with Apple has strict button and flow rules. Build a compliant sign-in from a free VP0 design, follow guideline 4.8, and cut account-creation friction.

Lawrence Arya · May 31, 2026
AR Shoe Try-On UI: The Overlay That Builds Trust: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

AR Shoe Try-On UI: The Overlay That Builds Trust

AR try-on can lift conversion and cut returns, but only with a clear overlay. Build the scanning, fitting, and fallback UI from a free VP0 design with ARKit.

Lawrence Arya · May 31, 2026
Barcode Scanner Viewfinder UI for Mobile Apps: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Barcode Scanner Viewfinder UI for Mobile Apps

A barcode scanner viewfinder needs a dark overlay, a clear cutout, and instant feedback. Build one from a free VP0 design and power it with Apple VisionKit.

Lawrence Arya · May 31, 2026
Bento Box UI: The Grid Layout, Used With Purpose: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 4 min read

Bento Box UI: The Grid Layout, Used With Purpose

Bento grids look great but need real hierarchy. Build a bento-box layout from a free VP0 design where each tile earns its size, stays accessible, and reads in order.

Lawrence Arya · May 31, 2026
Dumbphone Launcher UI: A Calm, Grayscale Focus Home: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

Dumbphone Launcher UI: A Calm, Grayscale Focus Home

A minimalist grayscale launcher reduces phone pull. Build a calm focus-home app from a free VP0 design, and be honest about what iOS lets you actually replace.

Lawrence Arya · May 31, 2026
Bluetooth Hearing Aid Equalizer UI: Accessible Controls: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Bluetooth Hearing Aid Equalizer UI: Accessible Controls

A hearing aid companion app must be supremely accessible. Build large-slider EQ and program controls from a free VP0 design for users who need them most.

Lawrence Arya · May 31, 2026
Buy Me a Coffee Tip Jar UI for Mobile, Done Right: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

Buy Me a Coffee Tip Jar UI for Mobile, Done Right

A buy-me-a-coffee tip jar UI should be warm, optional, and never naggy. Build one from a free VP0 design and follow Apple's rules on digital tips.

Lawrence Arya · May 31, 2026
Co-Living Booking App UI: Rooms, Roommates, and Trust: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

Co-Living Booking App UI: Rooms, Roommates, and Trust

A co-living app books rooms and surfaces community. Build the availability matrix, roommate profiles, and booking flow from a free VP0 design, with trust built in.

Lawrence Arya · May 31, 2026
Construction Blueprint Viewer UI: Big Plans on a Phone: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

Construction Blueprint Viewer UI: Big Plans on a Phone

A blueprint viewer must zoom huge plans smoothly and let crews mark them up. Build a Procore-style plan viewer from a free VP0 design with PDFKit and clear sheets.

Lawrence Arya · May 31, 2026
Creator Economy App Design: Patterns That Work: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

Creator Economy App Design: Patterns That Work

Creator economy app design lives or dies on the profile, the feed, and how money flows. Build the patterns fast from a free VP0 design and route payouts honestly.

Lawrence Arya · May 31, 2026
Daily Check-In Calendar UI That Builds a Habit: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

Daily Check-In Calendar UI That Builds a Habit

A daily check-in calendar turns showing up into a streak. Build a motivating check-in grid from a free VP0 design, and keep the habit honest, not manipulative.

Lawrence Arya · May 31, 2026
Dark Mode vs Light Mode: One Theme, Both Done Right: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

Dark Mode vs Light Mode: One Theme, Both Done Right

Supporting both modes means semantic colors, not two hardcoded palettes. Build a themeable app from a free VP0 design that adapts cleanly to light and dark.

Lawrence Arya · May 31, 2026
Dating App UI Kit: Swipe Physics and Safety First: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

Dating App UI Kit: Swipe Physics and Safety First

A dating app needs satisfying swipe physics and serious safety. Build the cards, matching, and chat from a free VP0 design, and never ship without moderation.

Lawrence Arya · May 31, 2026
Delivery Driver Route App UI: Built for One Hand: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

Delivery Driver Route App UI: Built for One Hand

A driver app must work at a glance, one-handed, mid-shift. Build the route, accept-order, and swipe-to-complete UI from a free VP0 design with big targets.

Lawrence Arya · May 31, 2026
DMA Alternative App Store UI: Honest Install Flows: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

DMA Alternative App Store UI: Honest Install Flows

The EU's DMA allows alternative app marketplaces. Build a trustworthy install and marketplace UI from a free VP0 design, with notarization and clear permissions.

Lawrence Arya · May 31, 2026
Drone Controller App UI: Live Video, Telemetry, Control: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Drone Controller App UI: Live Video, Telemetry, Control

A drone controller app overlays controls on a live video feed. Build the landscape HUD from a free VP0 design, and let the drone SDK handle flight, not you.

Lawrence Arya · May 31, 2026
Dog Walking App UI: Book a Walker, Track the Walk: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

Dog Walking App UI: Book a Walker, Track the Walk

A Rover-style app books a walker and tracks the walk live. Build the booking, live GPS map, and walk report from a free VP0 design, with trust and safety built in.

Lawrence Arya · May 31, 2026
Dyslexia-Friendly Mobile App UI: Readable by Design: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

Dyslexia-Friendly Mobile App UI: Readable by Design

Dyslexia-friendly design helps a huge audience read with ease. Build a readable app UI from a free VP0 design with the right type, spacing, and never justified text.

Lawrence Arya · May 31, 2026
Empty Cart State UI With Recommended Products: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

Empty Cart State UI With Recommended Products

An empty cart is not a dead end. Build an empty cart state from a free VP0 design that helps shoppers restart with recommended products and a clear next step.

Lawrence Arya · May 31, 2026