Post #4
52
NAVIGATION
iOS
iOS
Channel Public Channel
MI - Subscribers
- 24
- Photos
- 110
- Videos
- 2
- Links
- 2
Showing posts older than #11 · Back to latest
Older Posts 4 shown
Post #3
63
📱 FIGMA
I didn’t have a team, but I was interested in working on an interesting UX/UI product challenge (although video and motion are not my specialty)
I tried to reuse existing Telegram flows as much as possible and comply with the HIG (iOS 26) and Material guidelines.
All animations & storyboards created only in Figma! No After Effects, no Principle, and even without Figma-plugins.
Due to my haste, I made many stupid mistakes in publishing the results, but I hope you will refer to the source code and evaluate the product solutions (UI and UX). Since I spent 90% of my time on them, and the video literally took 1 day. All sources are recorded in the deadline part - in the archive or in the channel.
By the way, even the animation of the prototype was done entirely in Figma (except for the highlights)! I didn’t use After Effects, Principle or any other tool I was familiar with. It was interesting to put everything together in Figma. And so you can right now follow the link and watch this same video, but in the standard Figma window.
https://www.figma.com/design/HRadQH7XqZLiF7g3sNfQoR/Telegram-Nodes?node-id=465-46808&t=LZI9y7pg9SNbcb1R-1
But Figma loads elements into the cache slowly, and the prototype needs to be viewed 1-2 times so that everything goes smoothly later... And use fullscreen mode.
In general, there are some technical limitations and features of Figma.
https://www.figma.com/proto/HRadQH7XqZLiF7g3sNfQoR/Telegram-Nodes?node-id=2002-43220&p=f&viewport=-441%2C-33%2C0.12&t=F2xPlffX09ae4dZO-0&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=2002%3A43782&show-proto-sidebar=1
SOLO PROJECT
I didn’t have a team, but I was interested in working on an interesting UX/UI product challenge (although video and motion are not my specialty)
250+ SCREENS
I tried to reuse existing Telegram flows as much as possible and comply with the HIG (iOS 26) and Material guidelines.
ONLY FIGMA 🔥
All animations & storyboards created only in Figma! No After Effects, no Principle, and even without Figma-plugins.
Due to my haste, I made many stupid mistakes in publishing the results, but I hope you will refer to the source code and evaluate the product solutions (UI and UX). Since I spent 90% of my time on them, and the video literally took 1 day. All sources are recorded in the deadline part - in the archive or in the channel.
By the way, even the animation of the prototype was done entirely in Figma (except for the highlights)! I didn’t use After Effects, Principle or any other tool I was familiar with. It was interesting to put everything together in Figma. And so you can right now follow the link and watch this same video, but in the standard Figma window.
SCREENS
https://www.figma.com/design/HRadQH7XqZLiF7g3sNfQoR/Telegram-Nodes?node-id=465-46808&t=LZI9y7pg9SNbcb1R-1
PROTOTYPE
But Figma loads elements into the cache slowly, and the prototype needs to be viewed 1-2 times so that everything goes smoothly later... And use fullscreen mode.
In general, there are some technical limitations and features of Figma.
https://www.figma.com/proto/HRadQH7XqZLiF7g3sNfQoR/Telegram-Nodes?node-id=2002-43220&p=f&viewport=-441%2C-33%2C0.12&t=F2xPlffX09ae4dZO-0&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=2002%3A43782&show-proto-sidebar=1
Post #2
72
TABLE OF CONTENTS
📱 Intro • Firma • Protorype
🗂️ General
Navigation — iOS | Android
Node List — iOS | Android
🗂️ Administrator
Create — iOS | Android
Settings — iOS | Android
Profile — iOS | Android
View — iOS | Android
🗂️ Member
Connect — iOS | Android
Settings & View — iOS | Android
🎬 Video
25 fps 🤦♂️ — but then at 23:55 ✅
60 fps
🫧
⚠️ Figma-only, no AE or Principle!
📱 Intro • Firma • Protorype
🗂️ General
Navigation — iOS | Android
Node List — iOS | Android
🗂️ Administrator
Create — iOS | Android
Settings — iOS | Android
Profile — iOS | Android
View — iOS | Android
🗂️ Member
Connect — iOS | Android
Settings & View — iOS | Android
🎬 Video
25 fps 🤦♂️ — but then at 23:55 ✅
60 fps
🫧
Channel created