#Interactive Design

🌈 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

i built a lil digital jukebox for my music (,,>ヮ<,,)!!! experimenting w #touchdesigner has been my recharge-station on tour now that the midi rigs & 3d printer stay home. idea inspired by @bongyunng using the #mediapipe plugin developed by @blankensmithing #HandTracking #CreativeCoding #GenerativeArt #InteractiveDesign #RealtimeGraphics #ProjectionMapping #DigitalArt #VisualProgramming #NewMediaArt #AlgorithmicArt #ArtAndTechnology #DataVisualization #3DGraphics #CodeArt #InteractiveInstallation #GenerativeDesign #CreativeTechnology #DigitalInstallation #VisualArt

- Infinite Light Gate 2 - One of the showcase of a project related to interactive art and light in VietNam. In this artworks, we want to create an immersive experience that leads the tourist to the start of the magical journey in a cave. All realtime in @touchdesigner and also can be interacted . #creative #technology #interaction #interactive #interactivedesign

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

If you like interactive design experiments and playful builds — you might feel at home here ◡̈ I’m Marisa! A product designer based in SF who started in fine arts and fashion before pivoting into tech. Now I create digital things that are fun, weird, and a little unexpected — and I share the journey along the way ♡ Here’s what you’ll find on my page: ☆ Design tutorials + honest bts (including the messy bits)
☆ Making tech and design feel less intimidating, and way more welcoming
☆ Interactive projects — like AI photobooths and tappable ceramics — that make you want to click or smile
☆ Creativity should be fun, not just functional Thanks for stopping by 🌱 excited to build cool things with you

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

Gaming is another way to learn while resting 😇 Have you tried these design games? #design #type #typography #ui #ux

No gate keeping or waste of time, I just condensed all my favorite design websites, tools and resources in 1 video. Designer starter pack. #graphicdesign #design #productdesign #figma #uidesign #fonts

You don’t need AI or a complex setup to add life to your UI. Sometimes all it takes is 30 seconds of motion to make an interface feel alive. Comment ‘motion’ & I’ll send you the link! #uxdesign #motiondesign

AI & 3D combined together in one magic tool 🪄 👉 Pixcap Select any 3D element and customize it with AI according to your needs. Voila and graphic is done ✅ Tool is FREE and extremely easy to use 😅 love such a simple ux 🫶 @pixcap_app #pixcapai #pixcap #graphic #graphicdesign #design #designer #3d #photography #art #artist #artwork #designlife #designtips #designhacks #designtools #designplatforms #freeplatform #generativeai #awwwards #colorpalette #3dassets #3ddesign

This UI started as an experiment and ended up going viral. A lot of you asked how it was made, so I’m sharing the entire process — no shortcuts, no gatekeeping. From generating the base visuals with AI, layering and animating them in Unicorn Studio, to embedding the final interactive effect inside Framer and building a face-reveal hero section on top of it — everything is broken down step by step. I’ve shared all the prompts, images, and references I used in a single Google Drive link. If you’re a designer exploring AI-assisted visuals, motion-driven UI, or interactive hero sections, this workflow might help you experiment faster and think differently.

Make 3D interactive for a website👇🏻 - Go to spline - Open library and find environment scene - Add follow event to the light sphere - Add orbit limits in the export settings (so that user doesn’t rotate it 360) - Copy embed and paste it in Framer (or any other no-code website builders or hard-coded websites) 📍 Tools: Figma for design, Framer as no-code website builder, Spline for 3D. 📍Adding complex 3D scene to a website through embed may reduce its loading speed and therefore make UX worse. Use it sparingly; simplify it or use other formats: ThreeJS, GLT & hard coding. Want to learn Design & Design systems? Check out my course and ebook. Free sample is available. Link in bio.