#Interaction Design

Start your Monday on a calm note with Plants by Cantouchthis Studio ( @cantouchthis.studio ) 🌿🎶 - #NIWWRD #InteractionDesign #SoundDesign #InstallationDesign

🌈 Interactive lines by @tish_studio Made with Touch designer and Kinect. --- #technology #experiential #creative #techie #art #geek #engineer #brandexperience #fun #developer #instatech #experience #instagood #instadaily #inspiration #design #innovation #future #tech #creativeart #digitalexperience #musttry #creativecoding #generativeart #touchdesigner #realtime #newmedia #motiongraphics #computergraphics #madovertechnology

Save this video for your next figma slides project! I love using this interaction for agenda points to add a little *spice* to my slides “smart animate” is the easiest way to add smol joyful interaction all you need to do is: - open a separate figma file - add objects to a frame, duplicate that slide, and then rearrange, resize, or reorient the objects on the new frame. - select both frames and apply “create component set” - final step = copy the first frame over to your slides and click present to see the 🪄 ✨ ** this slide is a sneak peek from my full presentation where I break down everything I do as a product designer—explaining it all in a way my parents can easily understand!

One of my fav animating tools recently ✨ #uxdesigner #uxanimations #uidesigner #figmatips

Hey guys posting after so long! Was recently experimenting with computer vision and gestures ,this lets you doodle in the air and see it come to life in real time. Comment for link or you can try it here: https://air-draw-one.vercel.app/ #computervision #reels #interactiondesign #design

Interactive designs don’t have to be complicated. This eyes that follow your cursor animation was made in Figma using Shapelax, in just a few steps. (Design, interactive animation, figma, design inspiration, Portfolio inspiration, web design) #figmatutorial #shapelax #interactivedesign #figmaanimation #figmapulgin

repost @pepepepebrick 🧱 2026/04/09 • What if Spiders Wove with Strings?🕷️ 【如果蜘蛛可以用弦結網？】 • This is a hand-tracking audio and visual interactive system where users control digital spiders with their hands. At the center of the visual is a bio-inspired, algorithmically generated 3D web. As a spider’s body approaches the nodes, legs emerge and grow, where the number of legs modulates the pitch and effects—as if they were standing on musical strings. • The two spiders can interact, flirt, or engage in courtship, with their proximity altering the sound’s waveform. Upon physical contact, their bodies fuse together, triggering chemical transformations in their coloration and the web’s structure, while evoking deep resonant tones. • 這是一個手部追蹤的視覺與聲音互動系統，使用者可以透過雙手控制數位蜘蛛移動。畫面中間是一座仿生演算法產生的三維蜘蛛網，當蜘蛛的身體靠近節點時會生長出腳，腳的數量會對音高與效果器產生變化，就像是讓他們站在弦上 • 兩隻蜘蛛可以相互玩耍、調情或求偶，他們的距離會改變聲音的波形。碰觸到彼此的身體會融合在一起，色澤與蜘蛛網的結構也會產生化學變化，並且會觸發共鳴聲 • 🧿 @touchdesigner 🧬 @vcvrack MediaPipe | @blankensmithing & @domscott.art • #InteractionDesign #互動設計 #TouchDesinger #HandTracking #MediaPipe

It follows. Real-time interactive visualization with Kinect in #touchdesigner Check www.edcreativecoder.com for 1-on-1 online tutoring. #genuary #genuary2024 #genuary1 #particles #creativecodeart #creativecoding #digitalart #genartclub #generative #generativeart #generativedesign #procedural #abstractart #contemporaryart #geometricart #newmediaart #patterns #new_media_art #generativegraphics #art #algorithm #procedural #minimal #minimalart #creativecoder #creativeart #abstract #geometric #instacool

🧱 2026/04/09 • What if Spiders Wove with Strings?🕷️ 【如果蜘蛛可以用弦結網？】 • This is a hand-tracking audio and visual interactive system where users control digital spiders with their hands. At the center of the visual is a bio-inspired, algorithmically generated 3D web. As a spider’s body approaches the nodes, legs emerge and grow, where the number of legs modulates the pitch and effects—as if they were standing on musical strings. • The two spiders can interact, flirt, or engage in courtship, with their proximity altering the sound’s waveform. Upon physical contact, their bodies fuse together, triggering chemical transformations in their coloration and the web’s structure, while evoking deep resonant tones. • 這是一個手部追蹤的視覺與聲音互動系統，使用者可以透過雙手控制數位蜘蛛移動。畫面中間是一座仿生演算法產生的三維蜘蛛網，當蜘蛛的身體靠近節點時會生長出腳，腳的數量會對音高與效果器產生變化，就像是讓他們站在弦上 • 兩隻蜘蛛可以相互玩耍、調情或求偶，他們的距離會改變聲音的波形。碰觸到彼此的身體會融合在一起，色澤與蜘蛛網的結構也會產生化學變化，並且會觸發共鳴聲 • 🧿 @touchdesigner 🧬 @vcvrack MediaPipe | @blankensmithing & @domscott.art • #InteractionDesign #互動設計 #TouchDesinger #HandTracking #MediaPipe

How to Design like a Genius (vol.14) 1. Add a giant circle behind your design. It’s the easiest way to fill your layout and creating depth at the same time. Pick a color that best represents your brand, and fill it in. You can switch to another shape—like a square or triangle—depending on the situation. 2. Add a 3D shape on top of bold text. It creates a smooth blend of 2D and 3D in your aesthetic, which makes it look premium. Putting it on top of the text also makes the 3D pop out, which makes it perfect for product marketing. If you don’t know how to make a 3D asset—just head over to Canva. They’ve got thousands of free 3D assets you can customize and drop into your design right away. 3. Add shapes between your typography. I honestly do this every time whenever I struggle creating a layout. The best part is—it naturally guides the audience’s eyes to every element in your design as they read through the text. That’s why brands with lots of products, like IKEA, love using this trick. Follow for more tips @ginyboi

arranging memories like a dream ✨🌱 i made a custom touchdesigner component where you can drop in a folder of your own photos and they’ll come to life - floating and shifting in space like the fragmentary moments that life is. project file and tutorial: https://www.patreon.com/posts/touchdesigner-124336804 #touchdesigner #touchdesignerlearning #touchdesignercommunity #newmediaart #creativecoding #digitalart #mixedreality #patreoncreator #interfacedesign

digital shadow - an experiment with face tracking and pop particles on @touchdesigner, inspired by a workflow from @nicholaspjm [touchdesigner, touchdesigner art, realtime art, interactive art, particle effects effects, realtime visuals, art and technology, creative coding, vibe coding, VJ, VJing, face tracking, modern art] @genmediaclub @touchdesignerindia #touchdesigner #touchdesignerart #touchdesignercommunity #touchdesignervisuals #touchdesignerlearning