Duy Luong @duyluongdesign Twitter profile

Last Seen Profiles

@jjin_dukbae

@rich_energy

@CoachDay_

@_xnla

@VirginiaSports

@vijay2437888367

@Myeahhh

@CarolanKathleen

@KYFUTURESTARS

@akakhalifaa

@ngentot_stw

@trie_daniel

@westendpenguins

@Teslaverse_4269

@StemSpa

@Godfatherparte2

@GeorgiaScalliet

@kuyt_MN

@ZimblerFanny

@ianwalkerwpg

@brownecfm

@The_GrumpyBeard

@16Krot

@OwlExplains

@lovethehorsenz

@Jmwfps

@ST4RFRAGMENT

@carentepp

@DavidBngTheory

@dul_turkporno

@Fravoccado

@JoCoxFoundation

@HDCZ818

@KamalMo39211500

@Jaybonaut

@garkuwagraphy

Duy Luong

@duyluongdesign

1 year

Framer #10 Dynamic island navigation bar in @framer .

42

75

1K

Duy Luong

@duyluongdesign

11 months

Dang! @figma 's new variables and advanced prototyping are so freaking awesome 🎉! Look what I can make with only 1 frame, 2 components. Goodbye noodles! My next wish is animation responses to when changing variables 🙏

24

87

1K

Duy Luong

@duyluongdesign

1 year

Origami prototype #32 - Cards swiping I revisited this prototype today because I couldn't have a proper solution for the previous one. I realize that once you know how to control scrolling, you can make a lot of interesting things #animation

13

53

1K

Duy Luong

@duyluongdesign

1 year

Just added a blur transition to the image texts for the Material carousel. @framer is awesome, but beware, because it's addictive—you might find yourself tumbling down the iteration rabbit hole 😅 Check it out and remix here 🙌

11

86

833

Duy Luong

@duyluongdesign

4 months

Curve movement: Enhance the object's motion by incorporating a Bezier curve for a more natural (or fun?) appearance.

21

37

776

Duy Luong

@duyluongdesign

1 year

Origami #35 Have you ever thought about an app that shows random people based on geography, allowing you to connect and message them anonymously? I was inspired by the Apple Watch's app navigation and found it quite fun to explore 😁.

32

48

721

Duy Luong

@duyluongdesign

1 year

Day 29 of Origami challenge I back to work today so I couldn't spend much time on this. Continue exploring continuity transition. #animation

12

34

633

Duy Luong

@duyluongdesign

1 year

Day 28 of Origami challenge I was experimenting with continuity today. I take Appstore as an example, this much harder to recreate than it's look. 🥵🥵 #animation

10

29

490

Duy Luong

@duyluongdesign

1 year

Day 30 of Origami challenge Adding more interactions to the yesterday prototype. I also made it possible to tap on any titles on the grid to expand - which drives me crazy 😵‍💫. #animation

26

29

477

Duy Luong

@duyluongdesign

7 months

Finally I can share a landing page I've been working on lately for a health startup. Check the live page here: 🙌 Built in @framer

28

19

412

Duy Luong

@duyluongdesign

1 year

Framer #14 Playing with mega menu, made in @framer

14

21

404

Duy Luong

@duyluongdesign

11 months

My next experiment with @figma 's new variables and advanced prototyping features: Fully working Tic-tak-toe game 😁

5

30

388

Duy Luong

@duyluongdesign

1 year

Finally I can share the Genie. My @figma plugin that use @OpenAI to generate and improve text content, translate text, generate images, and save AI responses for later use. Hope you will enjoy it!

14

40

354

Duy Luong

@duyluongdesign

1 year

Origami Prototype #34 Wrapped up my weekend with the beauty of Math 🧮. My initial idea is just create a spiral in Origami. I ends up create a fancy, customizable spiral card for gamers 🕹️. It was really fun testing visual style. 🎨 #animation

11

13

340

Duy Luong

@duyluongdesign

1 year

Framer #17 Today I tried to recreate new @materialdesign 's carousel in @framer . It doesn't match 100% but I'm quite happy with the result.

15

12

333

Duy Luong

@duyluongdesign

11 months

Framer #20 Today, I continue improving the @materialdesign 's carousel in @framer . Try it yourself here 👉🏻 It' quite fun 🙌

21

17

325

Duy Luong

@duyluongdesign

1 year

Origami prototype #31 - The "shiny" button I found it on Twitter today couldn't resit to recreate it 😅😤 #animation

8

17

300

Duy Luong

@duyluongdesign

1 year

Here's the tutorial of how I made this navigation in @framer Demo link: Remix link: Check the thread 🧵 below:

My Framer Site

Made with Framer

renewed-ability-287103.framer.app

Duy Luong

@duyluongdesign

1 year

Framer #10 Dynamic island navigation bar in @framer .

42

75

1K

9

32

291

Duy Luong

@duyluongdesign

11 months

Trailing images effect in @framer @DesignedByPaul was asking this effect in Framer. I found it's interesting and replicated it as a component with some animation customizations. Feel free to copy and use it your project 🙌

Paul Lapkin

@DesignedByPaul

11 months

Any ideas on how to recreate this Trailing Images Effect in @Framer ?

17

1

84

13

20

265

Duy Luong

@duyluongdesign

1 year

Framer #15 Going wild a little bit with scroll transform, made in @framer . It would be good if Framer can support pagination for scrolling.

6

12

262

Duy Luong

@duyluongdesign

1 year

Day 20 of Origami challenge Today, I added a little detail when editing an item. #design #animation

3

16

242

Duy Luong

@duyluongdesign

5 months

Recreate the Siri animation in @FacebookOrigami . The waves also "react" to the input sound 🔉 too

10

11

233

Duy Luong

@duyluongdesign

1 year

Framer #18 Design without a clear intention is fun, you can try whatever you want, the sky is your limit. Here's another @framer shot I made in the last weekend that I tried the new styles and custom animations. Check the remix link in the thread 👇

8

22

223

Duy Luong

@duyluongdesign

7 months

I was working on an app that need the date picker and thinking how to make it more fancy. #swiftui

7

12

220

Duy Luong

@duyluongdesign

1 year

Origami #36 I tried to recreate the Apple NameDrop animation in @FacebookOrigami . It doesn't match 100% as it's still missing the ripple effect. But it was fun hitting replay many times to break down and learn their animations 😅

6

11

205

Duy Luong

@duyluongdesign

1 year

Origami Prototype #33 Today I revisited this prototype again, but with a better approach. Now I can control the transition between different layouts better. #animation

6

13

195

Duy Luong

@duyluongdesign

4 months

Tilt to answer. I was thinking what if I can tilt the phone to receive a phone call. Not really practical but fun to try 😁

14

7

199

Duy Luong

@duyluongdesign

11 months

Another iteration I'm working for my client. I took this chance to test this @figma 's trend 😁

2

10

176

Duy Luong

@duyluongdesign

7 months

@Keviduk We've been discussing about this in our team. We've come to assumption that: - Horizontal is fancy version of the ... to indicate a truncated text => Something more - Vertical version is used when lacking vertical space or mimic the stack menu image.

6

167

Duy Luong

@duyluongdesign

1 year

Day 26 of Origami challenge This is also one of my favorites. Today, I'm trying to recreate the swipe up/down interaction in Apple Music. Turn out it's super easy to recreate in Origami 🤯 #animation

5

7

164

Duy Luong

@duyluongdesign

1 year

70% text in my design now are provided by @OpenAI API via my @Figma plugin. I made some improvements and include animation using @framer motion library to make it more fun to use 💪. Still need a little bit more work but pretty happy with the result so far.

7

10

165

Duy Luong

@duyluongdesign

1 year

Story about why I build Library - my favorite feature in Genie. 🧵 Check the thread below

2

9

150

Duy Luong

@duyluongdesign

1 year

Framer #19 I was playing with custom cursor in @framer . It's quite fun to alternate and enrich the cursor interaction. I ends up creating a collection of cursors styles includes: iOS styles, with icon, for carousel, for links. Preview and remix link in the thread 👇

12

10

143

Duy Luong

@duyluongdesign

1 year

Framer #11 I made this website in @framer for Genie - my new Figma plugin. It was super fun testing typo, colors, layouts right in the canvas. Playing with animation is just like a piece of cake. Check it out here: 🙌

Duy Luong

@duyluongdesign

1 year

Finally I can share the Genie. My @figma plugin that use @OpenAI to generate and improve text content, translate text, generate images, and save AI responses for later use. Hope you will enjoy it!

14

40

354

5

11

142

Duy Luong

@duyluongdesign

1 year

Framer #13 Design exploration for a fake website, made in @framer .

3

11

139

Duy Luong

@duyluongdesign

1 year

Framer #12 Wrap up my weekend with a some designs for 404 page in @framer , inspired by @monmichalczyk . I created 4 versions around the sun ideas. You guys can preview it here.

4

6

121

Duy Luong

@duyluongdesign

10 months

Sneak peek of the privacy section I'm designing for a client ✨

10

3

119

Duy Luong

@duyluongdesign

1 year

Finally had time to clean up and post preview & remix link for some of my latest @framer 's shots. 🧵 Check the thread below

5

3

113

Duy Luong

@duyluongdesign

1 year

Framer #9 - Diagonal carousel 🏁

6

5

98

Duy Luong

@duyluongdesign

10 months

Can't believe this my remix in the @framer community still got new likes despite it's 4 months old 😅 . So I decided to retweet it. Go grab it my all Framer fellows 🙌 Preview: Remix:

My Framer Site

Made with Framer

renewed-ability-287103.framer.app

Duy Luong

@duyluongdesign

1 year

Framer #10 Dynamic island navigation bar in @framer .

42

75

1K

7

10

94

Duy Luong

@duyluongdesign

1 year

Toay 23 of Origami challenge Today, I recreated the iOS's notification center animation. This is the animation I see and love everyday. It's always in my list when I started to spend more time with Origami. Quite happy with the end result 😝😝😝 #animation

4

92

Duy Luong

@duyluongdesign

5 months

Spent the weekend to learn how to create arc text and make a prototype in @FacebookOrigami

5

6

89

Duy Luong

@duyluongdesign

1 year

I'm working on a @figma plugin that leverages @OpenAI 's API and DALL-E API to generate content and images for my design projects. As someone who deals with a lot of dashboards (my main job), manually creating fake content is no fun. 😅

4

81

Duy Luong

@duyluongdesign

1 year

Framer #4 Continued improving the Coverflow component. It now can connect with a list of frames to fill up the content.

6

2

80

Duy Luong

@duyluongdesign

5 months

I finally understand the Bezier curve. So I made a prototype to put text on path. It's fascinating to understand one of the most primitive stuff in the design world :D

4

7

75

Duy Luong

@duyluongdesign

11 months

I'm working on a Draggable Material Carousel in @framer . Here's the result so far 😁

4

64

Duy Luong

@duyluongdesign

5 months

Grab the source file for this prototype here: 🙌

Duy Luong

@duyluongdesign

5 months

Recreate the Siri animation in @FacebookOrigami . The waves also "react" to the input sound 🔉 too

10

11

233

2

3

63

Duy Luong

@duyluongdesign

1 year

Framer #5 Added interaction to the Coverflow component.

0

5

63

Duy Luong

@duyluongdesign

1 year

Framer prototype #1 My first attempt with the new Framer. Looks like they support a lot of scroll-based animation. Reminds me of the old Adobe Muse 😁

4

3

60

Duy Luong

@duyluongdesign

1 year

Framer #16 Design exploration for a fake hero sass website, made in @framer . I really like spiral so I tried to use it as a loading state and background decoration element 😅

8

1

59

Duy Luong

@duyluongdesign

1 year

Framer #7 I found this interesting way to convert audiences from website's footer. So I give it a try in Framer.

5

3

58

Duy Luong

@duyluongdesign

1 year

Too lazy for your portfolio? Just use @joinbento I did mine in just 15 mins 🤯

8

1

56

Duy Luong

@duyluongdesign

11 months

Keep polishing the animation for a homepage that I'm working on. It was fun to make the transition between screens more smooth, just feel like making a prototype. And of course, I made it in @framer 😁

4

1

51

Duy Luong

@duyluongdesign

1 year

Grab my Origami file for this prototype here 👇🙌

Spiral card prototype - Origami file

duyluong.gumroad.com

Duy Luong

@duyluongdesign

1 year

Origami Prototype #34 Wrapped up my weekend with the beauty of Math 🧮. My initial idea is just create a spiral in Origami. I ends up create a fancy, customizable spiral card for gamers 🕹️. It was really fun testing visual style. 🎨 #animation

11

13

340

2

4

47

Duy Luong

@duyluongdesign

1 year

Sneak peak of a design I'm working for a client. The website will be built in Framer. Will try to use Framer's power to convey the story right on the hero section. 😁

5

2

44

Duy Luong

@duyluongdesign

11 months

Today’s office

1

0

39

Duy Luong

@duyluongdesign

1 year

Day 27 of Origami challenge Today, I planned for another prototype. But I turned back to the music player because of @nihalnova 's suggestion. I made it pop by adding dynamic background based on covert art, small animation when switching songs😝 #animation

4

3

38

Duy Luong

@duyluongdesign

1 year

Framer prototype #2 Continued playing around scroll #animation

1

0

37

Duy Luong

@duyluongdesign

1 year

Framer #3 Created my own custom component today. I'm not sure how to call it tho😅. It allows changing item height, item radius, items colors, and gap.

3

1

38

Duy Luong

@duyluongdesign

1 year

Day 019 or Origami challenge Today was a busy day to me 😓😓, so I just created a simple todo app. You can swipe to switch between list or quickly create a new list. Also put some theme per list just for fun. #animation

2

3

37

Duy Luong

@duyluongdesign

1 year

Framer #8 Starting to work for myself 😤 Coming ... not soon 😅

3

0

37

Duy Luong

@duyluongdesign

11 months

Another sneak peak for a hero section I'm working for a client. This time is the animation part I made in @framer . We've been discussing about how to convey the story in the hero section and @framer is just the right tool for that. Hope you like it 🙌

3

1

35

Duy Luong

@duyluongdesign

3 months

Every new @Figma 's updates outdate many plugins, Multi-edit is no exception . I'd like to give a shoutout to two of my favorite plugins and extend a big thanks to their incredible creators: Master by @gleb_sexy and Text Edit by @jsngr ❤️

Figma

@figma

3 months

Multi-edit: the way it should have been but wasn’t but now is.

186

644

5K

4

0

30

Duy Luong

@duyluongdesign

1 year

Day 24 of Origami challenge Continue improve the control center by adding interactions to the rest blocks, such as: toggle on/off, long tap to expand, mimic the brightness control. Feel free to grab the Origami file in the comment below 🤟👇

3

4

29

Duy Luong

@duyluongdesign

11 months

WIP #2 - made in @framer

0

1

25

Duy Luong

@duyluongdesign

11 months

Today's office 💆🏻‍♂️

2

0

24

Duy Luong

@duyluongdesign

1 year

Day 21 of Origami challenge Ok, I have to admit that I did this yesterday but was so busy so I couldn't post it. 😭 Just a random idea for transition between pages, even though I don't think it works for to do apps, but fun to explore 🤔 #design #animation

0

1

25

Duy Luong

@duyluongdesign

11 months

Now you're all just 1 click to website AI builder with @framer 's latest update. I asked it to design a portfolio for me, here's the result. You can even change color styles, font after that. Breakpoints are setup properly.

2

24

Duy Luong

@duyluongdesign

1 year

Day 22 of Origami challenge Started to explore experience for a map app 🗺, mostly around swipe up/down interaction. #design #animation

0

1

24

Duy Luong

@duyluongdesign

11 months

I published this file to the community at this link. Feel free to play around and remix it 🙌

Figma Variables & Advanced Prototyping Demo | Figma

A quick demo to show how variables and advanced prototyping features can level your prototypes.

www.figma.com

Duy Luong

@duyluongdesign

11 months

Dang! @figma 's new variables and advanced prototyping are so freaking awesome 🎉! Look what I can make with only 1 frame, 2 components. Goodbye noodles! My next wish is animation responses to when changing variables 🙏

24

87

1K

4

1

22

Duy Luong

@duyluongdesign

1 year

Fun fact, this shot is one of the 😌 simplest idea and ⚡️quickest prototype I have made when doing daily design challenge. I didn't expect it can attracts many people. Life is full of surprises! 😅😅😅

Layers

@layers_to

1 year

Onboarding concept for a video editing app by @duyluongdesign

2

14

347

1

20

Duy Luong

@duyluongdesign

1 year

Throw back to the old day when I was using @framer for prototyping. This year, Framer has rised again and undoubtedly become more popular. It makes me having a FOMO 🙃. So I'm thinking about playing more with Framer again. 😤

3

0

18

Duy Luong

@duyluongdesign

1 year

Just give @layers_to a try. Looks like designers are moving here from Dribbble 🤔 Visit my Layers profile here 🤗

3

0

16

Duy Luong

@duyluongdesign

1 year

Day 25 of Origami challenge Recreate iOS' flip card interaction #animation

0

16

Duy Luong

@duyluongdesign

9 months

Highly recommend @createwithplay for anyone making prototypes for iOS. The team has put a lot of efforts to many tiny details that enhance the prototyping experience. You'll be surprised how joyful when using it. ✨

Play

@createwithplay

9 months

🎉It’s official—Play for macOS, and our new iOS app, are in public beta and open for anyone to use! If you're designing a mobile app, we’re building Play for you. Install Play on macOS & iOS: 🔸Play combines a familiar design canvas with the power of

18

57

605

1

2

15

Duy Luong

@duyluongdesign

11 months

Finally 🕺🏻

Origami

@FacebookOrigami

11 months

🪄 We're excited to introduce #Lottie by @airbnbdesign support! 🎉 Simply drop a JSON or Lottie file on the patch graph and hook it up to the Lottie Animation patch. 💻 Download the latest version of Origami at:

6

26

145

0

14

Duy Luong

@duyluongdesign

11 months

@miguelsolorio_ @figma There you go 😅

1

0

14

Duy Luong

@duyluongdesign

1 year

Framer #6 I found one of my old illustration which is quite fit for this parallax effect so I give it a try on Framer.

0

1

14

Duy Luong

@duyluongdesign

7 months

No more complex component with many variants for navigation now 💪

benjamin

@benjaminnathan

7 months

✨ Introducing Relative Overlays, a completely new way to design navigations in @framer . Create dropdowns, menus, and tooltips within minutes. Watch the video below to learn more!

55

67

842

0

13

Duy Luong

@duyluongdesign

1 year

Whoohoo! Thanks for featuring @joinbento 🙌❤️. Visit my bento here 👉🏻

Duy Luong

Web and mobile app designer. I enjoy creating delightful user experiences, playing pool and video games. Currently, I'm based in Ho Chi Minh City, Vietnam.

bento.me

Bento

@joinbento

1 year

Welcome, @duyluongdesign 🏆 Featured in the category 'inspiring portfolios' ✨

1

0

6

1

14

Duy Luong

@duyluongdesign

11 months

See you on threads 😁

2

0

13

Duy Luong

@duyluongdesign

9 months

@socoloffalex I'd say **digital** wireframes are waste of time for me. I now only use paper wireframe in meeting.

1

0

12

Duy Luong

@duyluongdesign

1 year

Grab my Origami file for the 🎶 music player prototype here 🙌🙌: P.S. Due to copyright issue, I replaced the covert art images by random images (some are taken by me too 😅)

Music Player Prototype - Origami file

duyluong.gumroad.com

0

12

Duy Luong

@duyluongdesign

4 months

@okovalenkome It's @FacebookOrigami . I have patch to control the movement using a curve. Then I animate the x,y coordination on that curve.

1

0

12

Duy Luong

@duyluongdesign

1 year

Preview and remix link:

My Framer Site

Made with Framer

gaps-punish-827711.framer.app

0

12

Duy Luong

@duyluongdesign

1 year

Day 018 or Origami challenge Picture-in-picture interaction. You can drag the PIP video to the 4 corners, pinch to zoom, and temporarily dismiss it by swiping to the edges #animation

0

1

11

Duy Luong

@duyluongdesign

11 months

Variables and Advanced prototyping are huge 🤩

Figma

@figma

11 months

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and

253

2K

9K

1

0

11

Duy Luong

@duyluongdesign

1 year

Yo! Thanks for featuring me @layers_to 🙏🤩🤩🤩

Layers

@layers_to

1 year

✨ #10 Designer of the Week ✨ Our 10th(!) DOTW goes to the prototyping genius @duyluongdesign 🤩

1

27

1

0

11

Duy Luong

@duyluongdesign

11 months

Twitter is getting more interesting than ever. First is Config, now is visionOS kit 🤩

Linda Dong 👩🏻‍💻No rest til dub dub

@lindadong

11 months

For you aspiring Vision Pro designers! 🥽 New Human Interface Guidelines for Vision Pro (we added ~60k words of wisdom!!) 🎨 Figma Vision Pro design kits 🍏App icon tool (for previewing juicy 3d icons)

52

686

4K

0

1

11

Duy Luong

@duyluongdesign

11 months

@cameronmoll @figma Hey. I just use a Color variable and add Tap interactions for these color circles. You can check the file here

Figma Variables & Advanced Prototyping Demo | Figma

A quick demo to show how variables and advanced prototyping features can level your prototypes.

www.figma.com

1

0

10

Duy Luong

@duyluongdesign

1 year

I'm also considering create some tutorials but it will defintely require more time than just creating prototypes. 🤔 😅

1

0

10

Duy Luong

@duyluongdesign

1 year

The new @browsercompany Arc's Peek feature works really nice 🤩🤩🤩 ! It is a really smart way to deal with Favorites & Pins's navigation issue 👏🏻👏🏻👏🏻 Just a suggestion that can we support pressing Esc to exit it 🙏.

1

0

10

Duy Luong

@duyluongdesign

11 months

🔥🔥🔥

Dave Williames

@DavidWilliames

11 months

I think I've pushed @figma 's new Variables and Advanced prototyping to its limit... I present a fully working version of Flappy Bird!! 🔥 Featuring: - Scoring + highscores - Pseudo-randomised pipe placement - Physics based movement - Uses 46 variables #Config2023

221

1K

8K

1

0

10

Duy Luong

@duyluongdesign

1 year

But it's not a hard stop for me with Origami. I'll still continue experimenting and post the demos but not in this pace 💪, could be 2 prototypes per week. I also clean up Origami files before uploading to Gumroad. They are quite hacky & messy right now. 😅

0

10

Duy Luong

@duyluongdesign

1 year

Day 011 of Origami challenge Today, I was so frustrated 😰 that the first idea didn't work out, so I went for the simpler one: onboarding for a mock video editing app. 😴 #animation

0

1

9

Duy Luong

@duyluongdesign

1 year

Grab Origami file for this prototype here 🙌 👇

Cards swiping Prototype - Origami file

duyluong.gumroad.com

1

8

Duy Luong

@duyluongdesign

1 year

I forgot to mention that I finish my Origami challenge today 🥳. It was such a wonderful journey and I learnt a lot just in 30 days. I have to admit that commit to Origami challenge is really challenging. I almost gave up many times 😅😅😅

1

0

9

Duy Luong

@duyluongdesign

1 year

Besides all predictions about #WWDC23 . I predict that there will be a wave of “I recreate this fancy animation from #WWDC23 using @framer / @figma “ tweets appear 😅

0

7

Duy Luong

@duyluongdesign

9 months

@avstorm Wow! The best animation I've ever seen so far. This event will be big!

0

1

Duy Luong

@duyluongdesign

1 year

@FonsMans @LottieFiles Dang! Twitter will be flooded with "made in Lottie, designed in Figma" animations soon.

1

0

8