Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

isaaczara_'s profile picture

ZΛRΛ

32,923 subscribers

23,455 görüntüleme • 4 ay önce •via X (Twitter)

#figmamakeathon
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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👇
1:05

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©

149,371 görüntüleme • 4 ay önce

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.
1:15

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,738 görüntüleme • 5 ay önce

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
1:45

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,541 görüntüleme • 1 yıl önce

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:
0:25

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 görüntüleme • 1 yıl önce

🚀 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:
0:37

🚀 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 görüntüleme • 1 yıl önce

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

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

49,940 görüntüleme • 2 ay önce

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/
1:00

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

519,974 görüntüleme • 5 ay önce

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! 🖼️
0:39

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

361,918 görüntüleme • 6 ay önce

🎨 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 👉
1:23

🎨 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 görüntüleme • 1 ay önce

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 💜
0:24

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 🦄🦓

30,370 görüntüleme • 5 ay önce

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.
2:06

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 görüntüleme • 1 ay önce

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
0:39

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,652 görüntüleme • 4 ay önce

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:
0:42

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,768 görüntüleme • 4 ay önce

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
3:30

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 görüntüleme • 2 ay önce

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)
0:24

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 görüntüleme • 1 yıl önce

(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
1:15

(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,393 görüntüleme • 11 ay önce

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
2:11

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 görüntüleme • 10 ay önce

🤯 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
0:20

🤯 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 görüntüleme • 1 yıl önce

Adobe tried to buy Figma for $20 billion in 2022. The deal collapsed. So Figma went public on the NYSE in July 2025 instead. Ticker FIG. Public company. Quarterly earnings. Wall Street pressure. You know what happens to design tools after they IPO. In March 2025, Figma raised the Professional Full seat 33%. From $15 to $20 a month. Organization seats jumped to $55. Enterprise to $90. Then they took Dev Mode, which was free during beta, and locked it behind a paid seat. Your developers now pay extra to inspect the designs your designers already paid to create. In March 2026, Figma started charging for AI credits on top. If Figma raises prices again, you pay. If Figma gets acquired, you pray. If Figma shuts down, your files die with it. Your design system. On their servers. In a proprietary format only their app can read. To draw rectangles on a screen. There is an open source design platform that runs on your hardware. Stores your files in plain SVG. Costs $0 forever for unlimited users. It is called Penpot. 45,700+ stars on GitHub. A full Figma-grade design platform built on open web standards. Vector editing. Components. Design tokens to W3C spec. Flex and Grid layouts. Real-time multiplayer. Interactive prototyping. Here's what it does: → Real-time collaboration. Live cursors. Comments in line. → Components, variants, shared libraries. → Auto layout, Flex, CSS Grid. The tool outputs production CSS, not lookalike CSS. → Interactive prototypes with overlays, animations, and flows. → Inspect tab. Free. Built in. Every developer grabs production CSS, SVG, HTML without a separate seat. → Plugin ecosystem. Figma import to migrate your files. → Self-host on Docker in one command. Your designs never leave your network. Here's the wildest part: Figma stores your designs in a proprietary format only Figma can read. Penpot files are SVG. The same format your browser has rendered for 25 years. Open them in any editor. Open them in 20 years. Nobody can lock you out. The feature Figma charges your developers extra for, Penpot gives away. Without asking permission. Figma Professional: $20/month per seat. A 10-person team: $2,400/year. Figma Organization: $55/month per Full seat. A 50-person org: $33,000/year. Penpot: $0. Unlimited users. Unlimited files. Unlimited teams. Self-hosted. Free forever. 45,700+ stars. 2,700+ forks. 250+ contributors. MPL-2.0 license. Backed by a community that believes design tools should be free. Your designs. Your files. Your standards. 100% Open Source. (Link in the comments)
0:43

Adobe tried to buy Figma for $20 billion in 2022. The deal collapsed. So Figma went public on the NYSE in July 2025 instead. Ticker FIG. Public company. Quarterly earnings. Wall Street pressure. You know what happens to design tools after they IPO. In March 2025, Figma raised the Professional Full seat 33%. From $15 to $20 a month. Organization seats jumped to $55. Enterprise to $90. Then they took Dev Mode, which was free during beta, and locked it behind a paid seat. Your developers now pay extra to inspect the designs your designers already paid to create. In March 2026, Figma started charging for AI credits on top. If Figma raises prices again, you pay. If Figma gets acquired, you pray. If Figma shuts down, your files die with it. Your design system. On their servers. In a proprietary format only their app can read. To draw rectangles on a screen. There is an open source design platform that runs on your hardware. Stores your files in plain SVG. Costs $0 forever for unlimited users. It is called Penpot. 45,700+ stars on GitHub. A full Figma-grade design platform built on open web standards. Vector editing. Components. Design tokens to W3C spec. Flex and Grid layouts. Real-time multiplayer. Interactive prototyping. Here's what it does: → Real-time collaboration. Live cursors. Comments in line. → Components, variants, shared libraries. → Auto layout, Flex, CSS Grid. The tool outputs production CSS, not lookalike CSS. → Interactive prototypes with overlays, animations, and flows. → Inspect tab. Free. Built in. Every developer grabs production CSS, SVG, HTML without a separate seat. → Plugin ecosystem. Figma import to migrate your files. → Self-host on Docker in one command. Your designs never leave your network. Here's the wildest part: Figma stores your designs in a proprietary format only Figma can read. Penpot files are SVG. The same format your browser has rendered for 25 years. Open them in any editor. Open them in 20 years. Nobody can lock you out. The feature Figma charges your developers extra for, Penpot gives away. Without asking permission. Figma Professional: $20/month per seat. A 10-person team: $2,400/year. Figma Organization: $55/month per Full seat. A 50-person org: $33,000/year. Penpot: $0. Unlimited users. Unlimited files. Unlimited teams. Self-hosted. Free forever. 45,700+ stars. 2,700+ forks. 250+ contributors. MPL-2.0 license. Backed by a community that believes design tools should be free. Your designs. Your files. Your standards. 100% Open Source. (Link in the comments)

Nav Toor

216,437 görüntüleme • 3 ay önce

We just built Figma for Claude Code > Select any element on your local front-end > Edit it like you would in Figma > Apply the changes with Claude Code This is not a demo or waitlist. Try it today.
0:22

We just built Figma for Claude Code > Select any element on your local front-end > Edit it like you would in Figma > Apply the changes with Claude Code This is not a demo or waitlist. Try it today.

Quentin Romero Lauro

251,137 görüntüleme • 5 ay önce