Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

proof of concept: Figma plugin connected locally to node.js + VSCode for real-time generative art scripting—inspired by canvas-sketch.

Matt DesLauriers

61,467 subscribers

34,046 views • 3 years ago •via X (Twitter)

Education Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

Matt DesLauriers3 years ago

Published the source code here as MIT:

Emanuele Pasin3 years ago

I use figma and create genart every day. I never thought to blend the two like this! This is so cool Matt! Can't wait to use it.

حج 🇱🇧3 years ago

@rcmtcristian

haps 🔅3 years ago

looks awesome! I used fabric js with chatgpt to covert my audio commands to visual designs. the future is amazing 🙌🏻

Mike Britton3 years ago

This is fantastic! There has to be a hack to allow the display of an iframe in a component.

Matt DesLauriers3 years ago

Hm, that might be possible by sending images across server/plugin but likely pretty slow.

Damien Seguin3 years ago

@brunoimbrizi Pretty responsive! Two years ago the sandbox had quite a delay.

3P3 years ago

Wow nice, very subversive, would love to try it!

Stephen / Imperfect Line3 years ago

Woah

Jason Olson3 years ago

A fascinating POC! How was your experience on the Figma integration?

Related Videos

Ｉ- It Took Everything (Live Performance, November 2024) another proof of concept, this time inspired by Loathe's work, specifically the shoegaze from their 2020 album credit to River of course for inspiring me to do this with this beautiful piece

Ｉ- It Took Everything (Live Performance, November 2024) another proof of concept, this time inspired by Loathe's work, specifically the shoegaze from their 2020 album credit to River of course for inspiring me to do this with this beautiful piece

sandi archive

23,601 views • 1 year ago

this is soooo cool. in an industry that uses generative ai more and more, it’s so refreshing to see real art being used for a concept photoshoot

this is soooo cool. in an industry that uses generative ai more and more, it’s so refreshing to see real art being used for a concept photoshoot

drea 🍓

444,642 views • 11 months ago

time for me to step up into this game. concept art by Mr Balloon

time for me to step up into this game. concept art by Mr Balloon

Sakuroll

39,585 views • 2 years ago

UE5.6 AI Real-Time Motion Generation Plugin — powered by a 1-billion-parameter motion model trained on NVIDIA CUDA. It runs locally in real time with 8GB of VRAM and converts webcam or video footage into real-time XYZ skeletal point data and rotation values.

UE5.6 AI Real-Time Motion Generation Plugin — powered by a 1-billion-parameter motion model trained on NVIDIA CUDA. It runs locally in real time with 8GB of VRAM and converts webcam or video footage into real-time XYZ skeletal point data and rotation values.

CYANPUPPETS

28,846 views • 6 months ago

UE5.6 AI Real-Time Motion Generation Plugin — powered by a 1-billion-parameter motion model trained on NVIDIA CUDA. It runs locally in real time with 8GB of VRAM and converts webcam or video footage into real-time XYZ skeletal point data and rotation values.

UE5.6 AI Real-Time Motion Generation Plugin — powered by a 1-billion-parameter motion model trained on NVIDIA CUDA. It runs locally in real time with 8GB of VRAM and converts webcam or video footage into real-time XYZ skeletal point data and rotation values.

CYANPUPPETS

28,871 views • 7 months ago

UE5.6 AI Real-Time Motion Generation Plugin — powered by a 1-billion-parameter motion model trained on NVIDIA CUDA. It runs locally in real time with 8GB of VRAM and converts webcam or video footage into real-time XYZ skeletal point data and rotation values.

UE5.6 AI Real-Time Motion Generation Plugin — powered by a 1-billion-parameter motion model trained on NVIDIA CUDA. It runs locally in real time with 8GB of VRAM and converts webcam or video footage into real-time XYZ skeletal point data and rotation values.

CYANPUPPETS

15,968 views • 6 months ago

AR & NFC on Canvas🖼️ Augmented Reality projected Witjk 2D painted canvas to turn into a live-moving virtual object in real-time. It was also planted with an NFC as proof of ownership. Feel the art like you have never before, exclusively only on SEKALA #WeLikeTheArt

AR & NFC on Canvas🖼️ Augmented Reality projected Witjk 2D painted canvas to turn into a live-moving virtual object in real-time. It was also planted with an NFC as proof of ownership. Feel the art like you have never before, exclusively only on SEKALA #WeLikeTheArt

Superlative Gallery

12,160 views • 3 years ago

The Blender AI motion capture plugin runs locally on your computer, utilizing 8GB of GPU memory for real-time graphical computation. It supports both live capture via webcam and video uploads.

The Blender AI motion capture plugin runs locally on your computer, utilizing 8GB of GPU memory for real-time graphical computation. It supports both live capture via webcam and video uploads.

Cyanpuppets

37,735 views • 1 year ago

Cyansdk is a free Blender AI motion capture plugin that runs locally on your computer. It requires 8GB of GPU memory for real-time processing and has a model size of 4.2GB. It supports real-time motion capture via webcam and video upload.

Cyansdk is a free Blender AI motion capture plugin that runs locally on your computer. It requires 8GB of GPU memory for real-time processing and has a model size of 4.2GB. It supports real-time motion capture via webcam and video upload.

CYANPUPPETS

16,350 views • 1 year ago

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20

Erik

21,594 views • 1 year ago

Blender AI Motion Plugin — a 1-billion-parameter motion model trained on NVIDIA CUDA, running locally in real time with 8GB of VRAM. It converts webcam or video footage into real-time XYZ skeletal point data and rotation values, transmitting them to Blender, Unity, and UE for retargeting.

Blender AI Motion Plugin — a 1-billion-parameter motion model trained on NVIDIA CUDA, running locally in real time with 8GB of VRAM. It converts webcam or video footage into real-time XYZ skeletal point data and rotation values, transmitting them to Blender, Unity, and UE for retargeting.

CYANPUPPETS

124,866 views • 7 months ago

Blender AI Motion Plugin — a 1-billion-parameter motion model trained on NVIDIA CUDA, running locally in real time with 8GB of VRAM. It converts webcam or video footage into real-time XYZ skeletal point data and rotation values, transmitting them to Blender, Unity, and UE for retargeting.

Blender AI Motion Plugin — a 1-billion-parameter motion model trained on NVIDIA CUDA, running locally in real time with 8GB of VRAM. It converts webcam or video footage into real-time XYZ skeletal point data and rotation values, transmitting them to Blender, Unity, and UE for retargeting.

CYANPUPPETS

18,317 views • 7 months ago

Blender AI Motion Plugin — a 1-billion-parameter motion model trained on NVIDIA CUDA, running locally in real time with 8GB of VRAM. It converts webcam or video footage into real-time XYZ skeletal point data and rotation values, transmitting them to Blender, Unity, and UE for retargeting.

Blender AI Motion Plugin — a 1-billion-parameter motion model trained on NVIDIA CUDA, running locally in real time with 8GB of VRAM. It converts webcam or video footage into real-time XYZ skeletal point data and rotation values, transmitting them to Blender, Unity, and UE for retargeting.

CYANPUPPETS

32,379 views • 8 months ago

TBTFM: warpsound_ai creative director jeff 🍌 was inspired by Bored Ape Yacht Club 🍌 to use PFPs as proof of concept for his virtual artists. The result? AI-generated songs based on Ape traits.

TBTFM: warpsound_ai creative director jeff 🍌 was inspired by Bored Ape Yacht Club 🍌 to use PFPs as proof of concept for his virtual artists. The result? AI-generated songs based on Ape traits.

The Fucking Metaverse Podcast

27,805 views • 3 years ago

So proud to announce "Field Impact" dropping June 10 on Art Blocks Studio. In collaboration with Médecins Sans Frontières, 60% of sales go to MSF Suisse Generative art powered by real humanitarian data ! #generativeart Art Blocks

So proud to announce "Field Impact" dropping June 10 on Art Blocks Studio. In collaboration with Médecins Sans Frontières, 60% of sales go to MSF Suisse Generative art powered by real humanitarian data ! #generativeart Art Blocks

rvig - Creative coding, Generative Art

21,712 views • 1 year ago

Figma canvas generation vs MagicPath same prompt. By the time I sent one request to Figma, I had two views and 3 variations of my designs in MagicPath, fully interactive. After 7 mins of waiting for something, I gave up. This is an embarrassing release. Video is 2x speed

Figma canvas generation vs MagicPath same prompt. By the time I sent one request to Figma, I had two views and 3 variations of my designs in MagicPath, fully interactive. After 7 mins of waiting for something, I gave up. This is an embarrassing release. Video is 2x speed

Pietro Schirano

37,689 views • 4 months ago

Alrighty folks, time to pull back the curtain a bit - WWII game is real! Development is still in the very early stages, but enjoy this concept piece for FLASH THUNDER - a retro-flavored shooter inspired by Medal of Honor. #gamedev

Alrighty folks, time to pull back the curtain a bit - WWII game is real! Development is still in the very early stages, but enjoy this concept piece for FLASH THUNDER - a retro-flavored shooter inspired by Medal of Honor. #gamedev

Jason Smith

21,658 views • 5 months ago

Blender AI Real-Time Motion Capture Plugin — connect a 1080P camera or upload videos. It runs locally with a 1-billion-parameter model and requires 8GB of VRAM for real-time processing. It supports both real-time capture and video uploads. The full-parameter version currently supports NVIDIA CUDA and requires DX11 or higher.

Blender AI Real-Time Motion Capture Plugin — connect a 1080P camera or upload videos. It runs locally with a 1-billion-parameter model and requires 8GB of VRAM for real-time processing. It supports both real-time capture and video uploads. The full-parameter version currently supports NVIDIA CUDA and requires DX11 or higher.

CYANPUPPETS

26,492 views • 6 months ago

Blender AI Motion Capture Plugin — Connects to a 1080P webcam and runs locally on your computer. Powered by a 1-billion-parameter model, it requires an 8GB VRAM GPU for real-time processing. Supports both real-time capture and video upload. The full-featured version currently supports NVIDIA CUDA only, and requires DX11 or above.

Blender AI Motion Capture Plugin — Connects to a 1080P webcam and runs locally on your computer. Powered by a 1-billion-parameter model, it requires an 8GB VRAM GPU for real-time processing. Supports both real-time capture and video upload. The full-featured version currently supports NVIDIA CUDA only, and requires DX11 or above.

CYANPUPPETS

58,611 views • 1 year ago