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.

Introducing 🌈getcolors; a tool that extracts your color codes in seconds just by uploading an image in any file format, + an unlimited library of curated color palette for your next design project. for Contra x #figmamakeathon built entirely with Figma make Try it yourself - link below

ZΛRΛ

32,987 subscribers

23,533 views • 6 months ago •via X (Twitter)

#figmamakeathon

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

After I finish a design project, the last thing I want to do is open Figma again just to make a post image. I usually default to a plain screenshot. That’s why I built Reframe. (Entirely in Figma Make!) Paste any image — and an entire grid of layout options generates instantly. Pick one. Edit. Copy. Post. No extra layout. No extra steps. Made for the Contra x #FigmaMakeathon Try it in link below👇

After I finish a design project, the last thing I want to do is open Figma again just to make a post image. I usually default to a plain screenshot. That’s why I built Reframe. (Entirely in Figma Make!) Paste any image — and an entire grid of layout options generates instantly. Pick one. Edit. Copy. Post. No extra layout. No extra steps. Made for the Contra x #FigmaMakeathon Try it in link below👇

DANN©

150,043 views • 6 months ago

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,902 views • 6 months ago

Just launched a free Midjourney Style Reference explorer tool with Kive > over 12k style codes and growing > search by vibe, color, theme & more > discover similar styles for any image > 3 curated boards (photos, illustrations, 3D) Link to join below

Just launched a free Midjourney Style Reference explorer tool with Kive > over 12k style codes and growing > search by vibe, color, theme & more > discover similar styles for any image > 3 curated boards (photos, illustrations, 3D) Link to join below

Nick St. Pierre

90,610 views • 2 years ago

Most color palette generators give you a few colors in a photo and that’s it I built Iris, a tool that goes deeper by defining your color palettes with weight and proportion Now available on the Lusso Archive Substack

Most color palette generators give you a few colors in a photo and that’s it I built Iris, a tool that goes deeper by defining your color palettes with weight and proportion Now available on the Lusso Archive Substack

lusso

17,405 views • 6 days ago

Craft your next project in the color of now. Introducing the Wix Studio X PANTONE Color of the Year 2025 Web Capsule, a limited-edition collection of ready-to-use design assets inspired by PANTONE 17-1230 Mocha Mousse. Access the capsule:

Craft your next project in the color of now. Introducing the Wix Studio X PANTONE Color of the Year 2025 Web Capsule, a limited-edition collection of ready-to-use design assets inspired by PANTONE 17-1230 Mocha Mousse. Access the capsule:

Wix Studio

917,564 views • 1 year ago

🚀 Last night, I came up with an amazing idea and implemented it using Cursor: fig4ai. Run `npx fig2ai ` This will generate a `.designrules` file for your project. Using this file, your Figma file is transformed into an AI context that you can refer to for any kind of front-end work. It's open sourced on: See the PoC video:

🚀 Last night, I came up with an amazing idea and implemented it using Cursor: fig4ai. Run `npx fig2ai ` This will generate a `.designrules` file for your project. Using this file, your Figma file is transformed into an AI context that you can refer to for any kind of front-end work. It's open sourced on: See the PoC video:

fatih kadir akın

152,431 views • 1 year ago

Introducing Sleek References A collection of unique design styles for mobile apps. Reuse any style for your next app in one click. Link below.

Introducing Sleek References A collection of unique design styles for mobile apps. Reuse any style for your next app in one click. Link below.

Mattia

50,378 views • 4 months ago

I built a multiplayer embroidery sampler for the internet. It's called Common Thread. 🪡 Built the entire thing in Figma Make, first thing I've ever vibecoded with it. Every visitor gets a patch on a shared canvas. You pick a thread color, choose a stitch type, and craft your art. A sampler is a piece of fabric where you practice and collect different stitches — a reference guide and playground in one. They were meant to be passed between hands and added to over time. Common Thread is that, but the fabric is infinite, the UI is whimsical, and the hands are anonymous. The part I love most: you can snap any section with a draggable embroidery hoop and export it, framed. i love how Figma Make is a kind of tool that lets you focus on what something should feel like, not how to ship it. Made for the Contra x Figma Makethon #FigmaMakeathon Try it yourself! /link below/

I built a multiplayer embroidery sampler for the internet. It's called Common Thread. 🪡 Built the entire thing in Figma Make, first thing I've ever vibecoded with it. Every visitor gets a patch on a shared canvas. You pick a thread color, choose a stitch type, and craft your art. A sampler is a piece of fabric where you practice and collect different stitches — a reference guide and playground in one. They were meant to be passed between hands and added to over time. Common Thread is that, but the fabric is infinite, the UI is whimsical, and the hands are anonymous. The part I love most: you can snap any section with a draggable embroidery hoop and export it, framed. i love how Figma Make is a kind of tool that lets you focus on what something should feel like, not how to ship it. Made for the Contra x Figma Makethon #FigmaMakeathon Try it yourself! /link below/

charlota

521,362 views • 6 months ago

I built a fully interactive Polaroid camera in Figma Make. inspired by the beauty of teenage engineering. • Click capture (uses your webcam) • Slowly develops • Browse gallery • Toggle lo-fi music 0 lines of code. Just design → shipped live. Try it yourself (link in first comment) Take a photo and reply with your polaroid! 🖼️

I built a fully interactive Polaroid camera in Figma Make. inspired by the beauty of teenage engineering. • Click capture (uses your webcam) • Slowly develops • Browse gallery • Toggle lo-fi music 0 lines of code. Just design → shipped live. Try it yourself (link in first comment) Take a photo and reply with your polaroid! 🖼️

Ashish

362,044 views • 7 months ago

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 views • 2 months ago

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

31,000 views • 7 months ago

in just a few hours, i vibecoded an AR mini app in Figma Make that watches you breathe in air, breathe out flowers. you know how every video call starts with 3 dead minutes where you just stare at yourself? what if you saw your breath instead — filling the screen with drifting, translucent flowers? camera tracks your breathing as you follow the box breathing guide. the longer you go, the more the frame fills with vibrant blooms. just you, mindfulness, and a garden that didn't exist 3 minutes ago. a grounding little experience before a video call — try it yourself (link below)! this is my second submission for Figma #FigmaMakeathon running on Contra

in just a few hours, i vibecoded an AR mini app in Figma Make that watches you breathe in air, breathe out flowers. you know how every video call starts with 3 dead minutes where you just stare at yourself? what if you saw your breath instead — filling the screen with drifting, translucent flowers? camera tracks your breathing as you follow the box breathing guide. the longer you go, the more the frame fills with vibrant blooms. just you, mindfulness, and a garden that didn't exist 3 minutes ago. a grounding little experience before a video call — try it yourself (link below)! this is my second submission for Figma #FigmaMakeathon running on Contra

charlota

11,723 views • 6 months ago

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.

Aymducking

212,987 views • 2 months ago

Created a typewriter-style haptic interface that tests your typing speed and gives a shareable performance report in just 60s✨ TypeRight 60s for Figma x Contra Makeathon 2026 Explored UI and visual directions using Figma Draw. Made it work with Figma Make :) Check it out here: Figma community file:

Created a typewriter-style haptic interface that tests your typing speed and gives a shareable performance report in just 60s✨ TypeRight 60s for Figma x Contra Makeathon 2026 Explored UI and visual directions using Figma Draw. Made it work with Figma Make :) Check it out here: Figma community file:

Jahanvi Singh

17,800 views • 6 months ago

Turn any website into an AI-readable design system. Here's how: Google recently introduced the DESIGN.md specification: a file that helps AI agents understand a product’s design system. So we built a free tool for designers. Paste any website URL and Masumi’s DESIGN.md Generator extracts the brand’s colors, typography, components, spacing, and visual rules into an editable DESIGN.md file. Your designer can review it, tweak it, and hand it to Claude Code, Cursor, Codex, or any AI coding agent so the generated UI stays on-brand. Links below

albina

26,087 views • 4 months ago

Introducing Voice Cloning on Hedra! Record a quick clip, and we’ll clone your voice to bring your Hedra characters to life. Just upload or generate an image, and let your character speak in your voice. Try it for yourself! (Available to paid users only)

Introducing Voice Cloning on Hedra! Record a quick clip, and we’ll clone your voice to bring your Hedra characters to life. Just upload or generate an image, and let your character speak in your voice. Try it for yourself! (Available to paid users only)

Hedra

39,119 views • 1 year ago

Copper on the lips. Fire in the frame. 🔥 Introducing AURELLE Velvet Gloss — Copper Muse. It doesn't just shine, it warms into your color. Made with FlovaAI x Seedance 2.5, using GPT Image 2 and their script-to-video generation skill 🎬✨ Try it yourself → #FlovaAI FlovaAI_Japan #Flovacpp

Copper on the lips. Fire in the frame. 🔥 Introducing AURELLE Velvet Gloss — Copper Muse. It doesn't just shine, it warms into your color. Made with FlovaAI x Seedance 2.5, using GPT Image 2 and their script-to-video generation skill 🎬✨ Try it yourself → #FlovaAI FlovaAI_Japan #Flovacpp

Eshal

20,347 views • 27 days ago

(re)introducing Odysser your *vibe* editing tool that cuts, add cool captions, and adds b-rolls to your video in seconds. in just two weeks, creators have already edited over 3000 hours of video with it. try it now for free: odysser(dot)com

(re)introducing Odysser your vibe editing tool that cuts, add cool captions, and adds b-rolls to your video in seconds. in just two weeks, creators have already edited over 3000 hours of video with it. try it now for free: odysser(dot)com

Kaito | 海斗

22,435 views • 1 year ago

I (also) made a Tier List maker for X/Twitter Uploading all those PFPs is fucking annoying Now with you can make your tier list by bulk uploading X handles in any format Change fonts, background colour, tier names and everything else All free

I (also) made a Tier List maker for X/Twitter Uploading all those PFPs is fucking annoying Now with you can make your tier list by bulk uploading X handles in any format Change fonts, background colour, tier names and everything else All free

Kelano

18,957 views • 1 year ago

🤯 Here are some animations from a tool I've been working on You can create any animation for your glb file These animations can be used in your Three.js Vibejam project Will link the site below to try out (totally free) Here are some of the animations I've made today

🤯 Here are some animations from a tool I've been working on You can create any animation for your glb file These animations can be used in your Three.js Vibejam project Will link the site below to try out (totally free) Here are some of the animations I've made today

dyoburon

15,757 views • 1 year ago