Build bespoke UI. Prototypes with UIKit/SwiftUI. Design Engineering - iOS @LumaLabsAI Before - iOS Eng 23-15 @tinder

San Francisco
Have fun splitting the bill. It’s a work in progress, but DM me if you’re interested in this App. For the technically curious - made with SwiftUI + TCA
188
182
3,355
382,723
Right: For the default ScrollView, the scroll indicator gets clipped because both the ScrollView and the content need to get clipped with the same shape such that the content always remains clipped(irrespective of the yOffset) Left: have it wrap around the corner. SwiftUI made
73
169
2,753
270,394
Presenting PiPC: Picture-in-picture with Chapters. Made with SwiftUI
22
66
1,064
125,484
Pull a show out of an island
31
81
917
140,163
Here is a comparison of the default iOS Control on the left and the one I just made on the right - sticks to your finger the moment you touch it - no hard edges - still responsive after progress is at 100% and 0% - the whole thing goes up/down(not just the “progress bar”)
38
38
908
159,271
🚧 Split within the group. App wip.
25
50
796
87,441
- App Dock 🤝 Widgets - If you have numerous home screen pages, locating desired widgets can be somewhat arduous; however, the App Dock remains consistently accessible, irrespective of the page. - So, I explored what a Widget Doc could look like.
43
75
774
197,328
iPod as an app. My v0 prototype
30
31
778
142,904
Lock Screen Album Art transition experiment Left - iOS today Right - a prototype I made with SwiftUI The improvement is the album cover doesn’t appear out of nowhere (i.e. spatially easier to follow). Aside - I personally like bounciness(aka Disney), but it's not for everyone.
56
27
695
382,361
tiny update - UI while waiting to extract information from receipt
21
22
646
108,649
Side by side On the right - iOS Today On the left - what I want from #iOS17 Happy #WWDC23
8
40
436
134,803
Wip
7
19
467
35,061
Quick & Dirty Prototype
8
27
438
51,236
Home Screen prototype Swipe down = Siri suggested apps + Recent searches Concept Swipe Up = Quick Access to Control Center It’s easier than reaching for the top right corner Next week I’ll put up a different but related idea, so tune in if you like this. Tool - #SwiftUI
34
28
429
244,229
Schedule an iMessage without lifting a finger.(twice). - Tool - SwiftUI - Final Cut
11
33
412
63,877
When everyone pays you back. Work In Progress In Public
6
16
418
62,141
I worked on the Ideas view in Dream Machine. Particularly pleased with this transition and how interactive it is overall. Aside - We are hiring :) apps.apple.com/us/app/luma-d…
22
15
424
32,020
iPod-ish App. Tbt.
7
28
396
39,109
Appmageddon. Dynamic Black Hole of Apps. - For the makers who hate clutter - Crafted with SwiftUI
18
27
325
39,829
Last week - Swipe Up for Control Center This week - Swipe Up for Camera
Home Screen prototype Swipe down = Siri suggested apps + Recent searches Concept Swipe Up = Quick Access to Control Center It’s easier than reaching for the top right corner Next week I’ll put up a different but related idea, so tune in if you like this. Tool - #SwiftUI
9
28
322
94,252
Text Now. Send Later. Tool - SwiftUI
19
14
305
35,560
Throwback Thursday Left - iMessage(still today) Right - Prototype I made with SwiftUI, in June last year Issue - A glitch during the transition, as it moves from one photo to the next. A chunk of the photo disappears halfway through it. Hopefully, it’ll be fixed someday.
8
10
303
75,298
Let AI craft your words in any app, context, and more. Built with SwiftUI
11
21
295
40,597
Improvement to iMessage Photo Stack TLDR: Rotate around the y-axis(roll). There are no jumps during the transition.
12
21
295
Lock Screen Music #ios #lockscreen #music
6
21
269
36,641
New Widget Display UI Tool - UIKit/SwiftUI
11
17
257
40,018
Work in Progress
8
11
256
27,144
A slightly different interaction to what I made before. Particularly going backwards
2
12
251
24,939
Podcast/Audiobook Chapters right from your Lock Screen. Rewrote this with TCA Will put out the code soon
10
7
235
28,611
Replying to @deepdarkvibe
Made with Dream Machine
3
2
205
32,165
I really liked how iMessage displays photos, so I built it. Will be working on open sourcing the code soon(ish). #iOS #UI
7
14
209
Left - UI for iMessage apps in iOS 17 Right - Prototype recreating part of it
7
9
193
43,098
Naming should be easy No Settings > select device …etc
11
7
189
31,666
🎙️➡️📝 iMessage transforms voice notes into text Prototyped with SwiftUI
7
11
181
44,212
Made this carousel with #SwiftUI inspired by
Today @Apple awarded Locket as a Cultural Impact Winner. One of the only awards I respect! I’ve been quietly helping Locket design the product. It’s been a real joy jumping into social with @thefuturematt apps.apple.com/us/story/id16…
1
8
173
36,767
App Doc 🤝 App Library If you have lots of apps but don't organize them into folders, you'll end up scrolling through pages to get to the App Library. This prototype aims to make accessing your App Library easier. Built with SwiftUI
10
7
165
42,132
Genie Transition 🤝 Genie Foundation Model Was fun making this one apps.apple.com/us/app/luma-a…
5
11
174
22,759
🤔 Decisions, decisions... Let's settle this one. Left or Right. Left - "Bouncy" Right - Softened
Lock Screen Album Art transition experiment Left - iOS today Right - a prototype I made with SwiftUI The improvement is the album cover doesn’t appear out of nowhere (i.e. spatially easier to follow). Aside - I personally like bounciness(aka Disney), but it's not for everyone.
57
4
157
56,215
Another Week ... Another Chapter. Goal - Make them accessible from the lock screen. Tool - Written with the design tool from the future.
Presenting PiPC: Picture-in-picture with Chapters. Made with SwiftUI
4
3
151
40,471
More writing help in iOS (with AI) Made with SwiftUI
4
6
138
15,720
Urban Planning in Apple Maps Central Golden Gate Park?
4
3
132
23,352
Added the iMessage bubble sticky effect (albeit more pronounced as i’m playing around with it)
Home Screen prototype Swipe down = Siri suggested apps + Recent searches Concept Swipe Up = Quick Access to Control Center It’s easier than reaching for the top right corner Next week I’ll put up a different but related idea, so tune in if you like this. Tool - #SwiftUI
8
5
122
67,319
iOS PiP hiding interaction + my lil spin on it. Left - iOS Right - SwiftUI Prototype
2
6
125
17,614
top, middle or bottom
7
7
121
14,714
How I want Notification Summaries to look/work like in #iOS17 I made this because the current transition from the compact summary to the list is a bit bland(video in the next tweet if you haven't seen it before) Happy #wwdc
2
9
116
22,563
Interactive 👆 Swipe Up to 🔓 Unlock
2
7
110
20,589
Super stoked to join @LumaLabsAI as a Design Engineer on iOS! Let's go build!
11
2
93
17,280
Picture in Picture but the scrubber works. Today, to do any seeking, you'll have to keep tapping on those 10-sec buttons or exit the PiP
4
2
83
11,753
This one had the most votes
New Widget Display UI Tool - UIKit/SwiftUI
1
3
76
14,070
Replying to @jmtrivedi
I like the idea Aside: Here is how I solved it a while back.
Replying to @RoberaGeleta
Improvement to iMessage Photo Stack TLDR: Rotate around the y-axis(roll). There are no jumps during the transition.
9
1
66
- In the Notes app following the DoorDash delivery - Generally, I wish I could see delivery & ride-hailing follow me to other apps as a PiP(Picture in Picture) Maybe in #iOS17?
4
5
54
12,189
My take on iPod as an app. V1 Update: - Coverflow - Title/Album Changes to reflect the current album selected
2
4
52
5,453
The iMessage Conversation list, given the sticky effect from the Chat Thread.
4
1
44
16,704
Replying to @Midaskwant
Thanks Midas :) and regarding your followup, yup that is the plan :)
3
35
5,060
Vibe Indicator Inspo - @soren_iverson Designed with SwiftUI
2
37
4,544
Replying to @DLX
Segmentation is fun! I used it to add shadows around the subject here
Replying to @RoberaGeleta
I wish the video wasn't so compressed @Twitter
1
1
35
A work in progress from a few months ago #SwiftUI swipe up to advance and down to go back
1
32
I have one gripe with the iMessage Photo Collection. A glitch during the transition, as it moves from one photo to the next. A chunk of the photo just disappears halfway through it. Left - iMessage Right - Alternative Solution I prototyped Interaction comparison in🧵
5
1
32
Replying to @giaset
There is something there
1
26
4,156
The wait is over! 🎉 Excited to share the launch of #DreamMachine. Create, have fun and share with the world ❤️
Say hello to the all-new #DreamMachine. 🚀 Your visual thought partner—where ideas become reality. Ideate, visualize, and share your ideas with the world. Available now.
2
27
3,061
Apple News shows you a set of magazine covers as a static image. So you can't flip through them. So I made a prototype of what that could look like. Made with SwiftUI.
3
1
22
3,719
iMessage The technical reason is the zIndex.
1
29
Genie 1.0, where words become 3D wonders in seconds! Perfect for the curious minds of researchers and the creativity of product designers. See the magic on our website or the Luma iOS app. Join the 3D revolution here: lumalabs.ai/join
🔥 Introducing Genie 1.0, our first step towards building multimodal AI. Genie is a text-to-3d model capable of creating any 3d object you can dream of in under 10 seconds with materials, quad mesh retopology, variable polycount, and in all standard formats! Try it on web and in Luma’s iOS app now → lumalabs.ai/genie #generativeai #textto3d #multimodalai
1
26
4,593
Saturday Cabin Coding
1
22
3,579
Update - turns out iMessage is doing this in iOS17. Sweet.
🎙️➡️📝 iMessage transforms voice notes into text Prototyped with SwiftUI
1
1
21
3,859
Something I wish the Photos app had. Quickly glance at your photos while zoomed out to the month view, dragging your finger horizontally. Aside: I like Peek and Pop. But is too slow for this. Composed in Code #animation
1
19
5,933
If you like this you’ll also like
I built a chonkier, Apple TV-inspired action menu that feels responsive and substantial! Notes: – The highlighted row gets magnified and moves slightly with touch – Spring-loads on long-press, or immediately if you drag – Stretches and rubberbands if you pull past the bottom
1
20
3,809
Replying to @JakeRoundUI
Indeed. That’s the plan :)
1
18
1,257
Aside - Something I noticed while making the swipe-up-for-camera prototype. I wonder if these teams talked to each other to make this happen.
Last week - Swipe Up for Control Center This week - Swipe Up for Camera
2
1
21
5,817
Tweaking the parameters and playing around 🚧 Aside - To really nail this effect, these numbers will need to be computed on the fly, taking into account the characteristics of the touch(i.e location, speed, maybe acceleration)
The iMessage Conversation list, given the sticky effect from the Chat Thread.
17
4,745
If this interests you then you’ll love
I built a chonkier, Apple TV-inspired action menu that feels responsive and substantial! Notes: – The highlighted row gets magnified and moves slightly with touch – Spring-loads on long-press, or immediately if you drag – Stretches and rubberbands if you pull past the bottom
17
5,067
I call this the Study Stack. Inspired by @helvetiica #UI #iOS #swiftUI #Widget
1
18
Took a crack at making the actual cover flow UI. Here is the result. #UI #SwiftUI #iOS #
4
1
18
Micro interactions determine how polished an app feels.
2
2
18
🚧 Step 2 - iMessage Detail + Added the same springs in the messages list to the Detail page
17
3,063
What if iOS Doc could also give you access to your Recently used apps ? 🧵#iOS #SpringBoard #iOSDoc #SwiftUI
3
1
16
Replying to @sayhellobryan
Draw the rect but trim it before stroking and compute the trim from the y offset
1
1
17
3,494
name a device - complete flow
Naming should be easy No Settings > select device …etc
2
1
15
3,466
Struggling to pinpoint reactions in your chats, a task all the more daunting in group convos? It's time for an upgrade! #FeatureRequestFriday 🔄📱💬
1
1
15
3,508
Good point about the percentage. Bit tricky. Equally splitting is what I’ve thought through.
2
1
14
2,287
Replying to @trevorcreates
Guess you haven’t checked that off your todo list
1
13
984
🏗️ Working on a prototype for a feature I wish iMessage would add(sooner than later) Step 1 - Message List Also - Go Warriors !!!!
11
2,736
Replying to @laurentdelrey
another one
2
13
1,348
Shadowy Portraits #UI #SwiftUI #iOS Longer video in the 🧵
2
12
Replying to @mattcassinelli
We can do that?
1
12
1,070
Playing with the shadows again to create interactive depth. Now with a more realistic-looking Widget UI. #UI #iOS #SwiftUI
1
11
Swipe horizontally to glance at Photos(while zoomed out to the month view) Update - less jarring when swiping quickly because it debounces the operation that converts the finger touch point changing, to the state keeping track of the current photo. #ios
Something I wish the Photos app had. Quickly glance at your photos while zoomed out to the month view, dragging your finger horizontally. Aside: I like Peek and Pop. But is too slow for this. Composed in Code #animation
2
2
11
3,859
Calling this the Freddie Stack. After @heyiboy
2
2
12
Time to go Dream! #LumaDreamMachine
Introducing Dream Machine - a next generation video model for creating high quality, realistic shots from text instructions and images using AI. It’s available to everyone today! Try for free here lumalabs.ai/dream-machine #LumaDreamMachine
12
1,387
Drink up. This is @LumaLabsAI #Ray2
9
885
Just fades in and out
2
10
2,079
I listen to music on @Spotify and look at lyrics a decent amount. I made a prototype with #SwiftUI to show how I think the interaction for opening the lyrics scene could be improved 🧵 #UI #iOS
2
10
Replying to @KrauseFx
:/ dang But there are awesome animations just not evenly distributed
9
3,871
Go get it!
Introducing Midnight Alarm Available now at midnight.day
10
3,159
1)
Right: For the default ScrollView, the scroll indicator gets clipped because both the ScrollView and the content need to get clipped with the same shape such that the content always remains clipped(irrespective of the yOffset) Left: have it wrap around the corner. SwiftUI made
10
1,345