Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I'm building a Figma plugin to generate design system variables/tokens 🛠️ After sharing the first demo, it grew too big, making it hard to manage and add new features. So, I restarted the project and cleaned up the code to make it easier to handle. Here’s detailed demo -...

realvjy's profile picture

vijay verma

35,659 subscribers

21,818 görüntüleme • 1 yıl önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

vijay verma profil fotoğrafı
vijay verma1 yıl önce

Join the waitlist here Some of the devlog and behind the scene

Rainmaker profil fotoğrafı
Rainmaker2 yıl önce

Here I share an XGBoost model that delivers a 25% CAGR with minimal drawdown on Visa stock. In this free Substack post I share code and commentary for a powerful Machine Learning strategy that delivers powerful returns.

Ion C. profil fotoğrafı
Ion C.1 yıl önce

@figma Love this! As someone who’s manually edited one too many color variables, I’d instantly use this. So joined the waitlist.

vijay verma profil fotoğrafı
vijay verma1 yıl önce

@figma Thanks! Test version coming your way.

Aaqif Shafi profil fotoğrafı
Aaqif Shafi1 yıl önce

@figma Nice work, would like to try.

Dan Heflin profil fotoğrafı
Dan Heflin1 yıl önce

@figma This is great! Joined the waitlist.

Adam Birkett profil fotoğrafı
Adam Birkett1 yıl önce

@figma Instant follow, would love to test this asap 🔥

vijay verma profil fotoğrafı
vijay verma1 yıl önce

@figma If you sign up, Will send you for testing in next batch

Fenohery FANOMEZANIRINA profil fotoğrafı
Fenohery FANOMEZANIRINA1 yıl önce

@figma Awesome! Joined the waitlist.

koko profil fotoğrafı
koko1 yıl önce

@figma Damn I wanna test this for sure

Flow×Frame profil fotoğrafı
Flow×Frame1 yıl önce

@figma looks super, can't wait to try it.

Benzer Videolar

Present section Demo of Figma Plugin. This will print and document all variables and styles. I'm building a plugin to generate design system variables/styles from presets. Already shared test version, who signed up. Coming soon...
0:27

Present section Demo of Figma Plugin. This will print and document all variables and styles. I'm building a plugin to generate design system variables/styles from presets. Already shared test version, who signed up. Coming soon...

vijay verma

13,889 görüntüleme • 1 yıl önce

Opening up coss ui 🎉 The new UI we're building for the Cal.com platform. Built on top of Base UI, as we strongly believe in the project and the team behind it. It's now open to everyone who wants to test it, break it, and make it better 💪
0:43

Opening up coss ui 🎉 The new UI we're building for the Cal.com platform. Built on top of Base UI, as we strongly believe in the project and the team behind it. It's now open to everyone who wants to test it, break it, and make it better 💪

Pasquale Vitiello

109,341 görüntüleme • 8 ay önce

My new workflow for building UI super fast: - v0 to generate the starting point - @_reweb visual editor to customize it fast - shadcn CLI to add it to my codebase in one command Let me know what you think!
4:32

My new workflow for building UI super fast: - v0 to generate the starting point - @_reweb visual editor to customize it fast - shadcn CLI to add it to my codebase in one command Let me know what you think!

Mattia

141,901 görüntüleme • 1 yıl önce

My new workflow for building UI/frontend ultra fast: - v0 to generate UI skeleton - @_reweb visual editor to customize it fast - Cursor to add business logic Let me know if it's helpful!
5:15

My new workflow for building UI/frontend ultra fast: - v0 to generate UI skeleton - @_reweb visual editor to customize it fast - Cursor to add business logic Let me know if it's helpful!

Mattia

247,827 görüntüleme • 1 yıl önce

If you are a designer using Figma STOP scrolling. We built a Figma plugin for you that'll help you generate and edit dope images without ever leaving Figma. Want it? reply "FIGMA" PS - We're giving it away for free to the first 500 people to sign up.
3:27

If you are a designer using Figma STOP scrolling. We built a Figma plugin for you that'll help you generate and edit dope images without ever leaving Figma. Want it? reply "FIGMA" PS - We're giving it away for free to the first 500 people to sign up.

Pete Sena

15,354 görüntüleme • 1 yıl önce

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏
0:33

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏

Matt

123,035 görüntüleme • 1 yıl önce

Excited to share Kigen Design System Figma plugin✨ Over the years, I’ve helped lots of brands build their DS - mostly doing the same variables and styles repeatedly for start. I thought, why not automate this? So, for the past few months, I’ve been building, testing, and improving it. Right now, it generates colors, typography styles, sizes, radii, and more. Plus, there’s an option to present everything for documentation. Give it a try and let me know what you think! ....
1:47

Excited to share Kigen Design System Figma plugin✨ Over the years, I’ve helped lots of brands build their DS - mostly doing the same variables and styles repeatedly for start. I thought, why not automate this? So, for the past few months, I’ve been building, testing, and improving it. Right now, it generates colors, typography styles, sizes, radii, and more. Plus, there’s an option to present everything for documentation. Give it a try and let me know what you think! ....

vijay verma

66,277 görüntüleme • 1 yıl önce

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →
0:30

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Figma

141,230 görüntüleme • 2 yıl önce

My workflow now: - Design the first path in Figma - Hook up Claude Code to Figma MCP - Prompt: "Build this with Tailwind + Shadcn" - Then generate design system docs + demo page Side note: So many cool products being built, but I'm irrationally happy about a tabletop RPG scene manager.
0:47

My workflow now: - Design the first path in Figma - Hook up Claude Code to Figma MCP - Prompt: "Build this with Tailwind + Shadcn" - Then generate design system docs + demo page Side note: So many cool products being built, but I'm irrationally happy about a tabletop RPG scene manager.

Tommy Geoco 🇺🇸

59,278 görüntüleme • 8 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 🦄🦓

29,851 görüntüleme • 4 ay önce

taegunv customize behind! 🧸 this is just a story but before i went to record the demo for customize, i actually asked taerae hyung to come with me. i felt like we needed taerae hyung for this demo to really bring out the right vibe. and the song is quite high too. so i asked him "i'm going to record a demo now can you come and do it with me?" and when taerae hyung asked "what will you give me?" i said "i'll buy you a meal" and he said "okay i'll be in touch," but he didn't contact me. so i went and did it by myself. that's why i ended up doing it alone.
1:08

taegunv customize behind! 🧸 this is just a story but before i went to record the demo for customize, i actually asked taerae hyung to come with me. i felt like we needed taerae hyung for this demo to really bring out the right vibe. and the song is quite high too. so i asked him "i'm going to record a demo now can you come and do it with me?" and when taerae hyung asked "what will you give me?" i said "i'll buy you a meal" and he said "okay i'll be in touch," but he didn't contact me. so i went and did it by myself. that's why i ended up doing it alone.

꾸 🍎

40,328 görüntüleme • 1 ay önce

I'm really excited about our new Figma feature, variables. So, I built a new plugin I call "Find Variables" to help you find where they're being used across your design. It will be free and open source once it's published to Figma community!
0:32

I'm really excited about our new Figma feature, variables. So, I built a new plugin I call "Find Variables" to help you find where they're being used across your design. It will be free and open source once it's published to Figma community!

Daniel Destefanis

75,900 görüntüleme • 3 yıl önce

I'm making a mod to make it easier to pose, edit and screenshot NPCs called Mannequin Reply below or DM me if you're interested to test the mod!
1:36

I'm making a mod to make it easier to pose, edit and screenshot NPCs called Mannequin Reply below or DM me if you're interested to test the mod!

Cublem

945,408 görüntüleme • 3 ay önce

So many people wanted to see my knowledge management system in Claude code, so here it is. All you need is Obsidian, Claude Code, GitHub, and the will to live and you too can set up your second brain in under 2 hours. If you want to learn how to build this, here’s the demo link:
1:34

So many people wanted to see my knowledge management system in Claude code, so here it is. All you need is Obsidian, Claude Code, GitHub, and the will to live and you too can set up your second brain in under 2 hours. If you want to learn how to build this, here’s the demo link:

Allie K. Miller

51,555 görüntüleme • 2 ay önce

Lelu Demo - OUT NOW!! I'm so excited to finally share the demo with you all. I've been working on this project for almost 2 years now, so it feels great to be able to put it out in the world! ⚙️ Available on Steam
0:49

Lelu Demo - OUT NOW!! I'm so excited to finally share the demo with you all. I've been working on this project for almost 2 years now, so it feels great to be able to put it out in the world! ⚙️ Available on Steam

Jamie

10,384 görüntüleme • 7 ay önce

Can't get enough of variables? NEW: Even more features to help make it easier to scope, hide, edit, and define variables across platforms. Dive in:
0:48

Can't get enough of variables? NEW: Even more features to help make it easier to scope, hide, edit, and define variables across platforms. Dive in:

Figma

153,493 görüntüleme • 2 yıl önce

I used to design by screenshotting real products into Figma → just to design against real production UI. 🤔 But now I just capture any live web component, remix it in a vibe design playground, explore multiple directions with an AI designer, and let Claude push the final version to production.🤘 Designing on reality > mockups, crazy how far things evolved past few month Here’s how I used it to redesigned Superdesign’s own prompt input UI 👇 The browser plugin:
0:35

I used to design by screenshotting real products into Figma → just to design against real production UI. 🤔 But now I just capture any live web component, remix it in a vibe design playground, explore multiple directions with an AI designer, and let Claude push the final version to production.🤘 Designing on reality > mockups, crazy how far things evolved past few month Here’s how I used it to redesigned Superdesign’s own prompt input UI 👇 The browser plugin:

Jason Zhou

33,290 görüntüleme • 4 ay önce

Just hit publish on a new guide! It's called "Variable mapping and design system structure" and you can grab it here: It's hopefully a way to provide some guidance on how to structure your variables and collections according to how your system is set up
0:58

Just hit publish on a new guide! It's called "Variable mapping and design system structure" and you can grab it here: It's hopefully a way to provide some guidance on how to structure your variables and collections according to how your system is set up

luis.

69,445 görüntüleme • 2 yıl önce

I'm working on a VO2 max calculator and have the first version up on my website. It'll take results from the 12-minute run test (Cooper test), 1.5-mile run test, and the Rockport Walk test to estimate your VO2 max and categorize you into percentiles based on age & sex. Feedback appreciated. If you're more tech-savvy than me and want to help improve it, please reach out.
0:21

I'm working on a VO2 max calculator and have the first version up on my website. It'll take results from the 12-minute run test (Cooper test), 1.5-mile run test, and the Rockport Walk test to estimate your VO2 max and categorize you into percentiles based on age & sex. Feedback appreciated. If you're more tech-savvy than me and want to help improve it, please reach out.

Brady Holmer

27,333 görüntüleme • 1 yıl önce