Alex Widua (@alexwidua) header
Alex Widua (@alexwidua) profile picture

Human Interface Designer at Apple

San Francisco
Joined May 2010
Photo by Alex Widua (@alexwidua)Photo by Alex Widua (@alexwidua)Photo by Alex Widua (@alexwidua)Photo by Alex Widua (@alexwidua)Photo by Alex Widua (@alexwidua)Photo by Alex Widua (@alexwidua)Photo by Alex Widua (@alexwidua)Photo by Alex Widua (@alexwidua)Photo by Alex Widua (@alexwidua)Photo by Alex Widua (@alexwidua)
Alex Widua retweeted
iPhone Duo is here! Excited to have worked on the design of our open/close transition. It’s designed to make the two displays feel like one seamless experience by perceptually bending the focal plane, not the content, so that it feels like opening a window onto a singular view.
268
502
67
8,314
502,263
Alex Widua retweeted
iPhone Duo was announced today. Check out our talk about the design principles behind the device, and how to build great apps for it. Design for iPhone Duo: youtube.com/watch?v=do3UqxfY…
34
140
30
1,577
211,935
Feels incredible to share the work we’ve done this year, excited to have been a big part in bringing to life a more powerful and personal Siri.
119
107
28
2,918
401,529
excited and proud to share what we've been working on!
The latest project I’ve been working on is the design of Liquid Glass, alongside an army of designers and engineers. We're designing it to bend and shape light while feeling like an elastic, flexible material that can dynamically shape shift, to make apps feel fluid and organic.
59
15
1
821
124,423
I’ve made a little AI copilot for Origami Studio. Think of it as a tiny code editor that sits on top of Origami's canvas and lets you generate patches using GPT-4 – all within the same surface. It’s a native macOS app and you can get it here: kami.alexwidua.com
18
29
7
379
56,518
In my day-to-day prototyping I use it mostly to create little utility patches and ‘jigs’ for all sorts of things (transforms, validate strings, randomize this and that etc.) Just describing the desired inputs and outputs of a patch helps a lot – it makes you break down the logic of a prototype and is almost as useful as generating the patch itself.
1
18
19,715
When designing the app icon I learned about ‘crease patterns’ – structural representations of intricate origami folds. The app icon shows the crease pattern for an Origami Crane – a nod to Origami Studio’s original app icon.
9
15
3
336
41,042
Couldn't resist and had to remix @jmtrivedi's mesh animation and tried to recreate a 'genie effect' using SwiftUI
15
38
10
665
81,415
PS. little accidental find: You get a directional Motion Blur for free if you blur the layer *before* applying the distortion shader. The shader compresses the blur horizontally but stretches/emphasizes the blur vertically
1
4
61
12,042
Prototyped a subtle Zoom Blur and Motion Blur SwiftUI shader this weekend. It's a little detail that changes the feel of the dragged element entirely (and is fun to play around with)
10
16
8
545
78,630
The blur strength responds to the drag/scale velocity. I'm using @jmtrivedi's fantastic Wave package which makes it easy to work with the velocity + animate the shader values. The code is up here: github.com/alexwidua/zoom-mo…
1
2
102
11,337
Tried to re-create the new iPhone’s Titanium particle effect last night and made this interactive ‘material sample’ in SwiftUI
61
168
27
3,171
247,132
It’s an amalgam of SpriteKit particle layers, gradients and blend modes. Together they create a nice materiality. I liked the idea of using a turbulence burst to change between the material's colors
7
8
1
189
20,158
Riffed on @ollybromham's Incense timer in SwiftUI. A pinch of gestures, haptics, motion, blurs and particles
22
110
28
1,547
348,135
The stick itself is a spline that gets more flexion the longer it gets (like a flimsy piece of wood). It's a v subtle detail that gives the interface more materiality and makes it feel less like a slider – even if you're not consciously aware of it
1
52
10,243
For the time, I just had a hunch how it should move and feel. I pulled some of the variables into sliders and built a little 'design tool' which allowed me to fidget around with the values and feel it out (this makes SwiftUI such a neat prototyping tool!) :-)
4
2
1
118
11,153
Prototyped a little app that allows you to take frames from @figma and 'pull them into space'. The frames stay linked to the canvas and update on any changes
202
1,562
218
12,546
1,320,262
...once detected, a high-res version is loaded, mapped onto a plane and stored as a reference for future updates. It's a lot of hot-glue and cobbled together, but it feels pretty magic to just pull frames from the screen like that :-) 2/2
1
1
124
32,269
One little detail is the grid animation while detecting a frame. I wanted to go for something that feels like something is being assembled/constructed. It’s pretty simple and almost entirely driven by a spring delay value (SwiftUI). (Commented gist: gist.github.com/alexwidua/fa…)
7
21
2
429
34,023