@janm_ux: How to design base iPhone duo screens in Figma 1.For closed screen add a frame 466x678 2. Then add two inner frames 3. For content frame width 382 4. Using this grid 5. Second frame is 84 width for system control panel 6. For opened state use 890x626 7. With the following grid 8. For two apps view add 8pt space in the middle 👉 learning.atheros.ai/figma-components/iphone-duo-base-frame-and-grid #figma #ui #iphoneduo #designsystem #uidesigner

Jan Mraz | UX UI designer

Open In TikTok:

Region: CZ

Sunday 13 September 2026 16:57:18 GMT

9660

440

Music

Download

No Watermark .mp4 (1.46MB) No Watermark(HD) .mp4 (1.03MB) Watermark .mp4 (0MB) Music .mp3

Comments

Jenny :

Can’t you just have a responsive “liquid” screen that scales at any screen size? Just have design for a iPad that will scale to whatever size between-

2026-09-15 19:05:17

D (UI)(UX) :

I will use this for my content again boss . Always give u d credits man.💯🔥🙏🙏

2026-09-13 23:10:40

certificate holders :

I will come back when my assignments start😭

2026-09-14 15:43:11

Kirui304@ :

awesome tip for my future designs thanks

2026-09-14 06:51:33

Andrew Valentine :

Now we just need the phone

2026-09-14 01:25:36

STONE ⛩️ :

A Big challenge

2026-09-13 17:00:09

David Mraz | Web Dev & AI Tips :

🔥🔥

2026-09-15 06:46:56

To see more videos from user @janm_ux, please go to the Tikwm homepage.