正在加载视频...

视频加载失败

返回首页

Built a new Figma plugin I call "Magic Messages". It generates entire conversations using ChatGPT and renders them using our design system at Discord. You can set a topic, # people talking, and # of messages. This way we can generate content for our designs more easily.

daniel__designs's profile picture

Daniel Destefanis

18,284 subscribers

130,007 次观看 • 3 年前 •via X (Twitter)

科学技术艺术教育
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Daniel Destefanis 的头像
Daniel Destefanis3 年前

I also had some fun with the interaction details. This set of avatars is randomized each time so mockups aren't always the same 4 people talking. I also defined an array of people so the names and avatars always match!

Daniel Destefanis 的头像
Daniel Destefanis3 年前

I've been really inspired by all the great product and web work I've seen on Twitter lately, so I tried to capture a bit of that here. I can share code sandbox links for each of these components later!

Daniel Destefanis 的头像
Daniel Destefanis3 年前

I'm really not interested in AI generating art, but I am excited about how it can automate more mundane tasks and let us spend more time improving our craft. If folks are interested I can make a lil tutorial on how to use @OpenAI + @figma plugins.

Daniel Destefanis 的头像
Daniel Destefanis3 年前

If I make a tutorial, any preference?

Daniel Destefanis 的头像
Daniel Destefanis3 年前

For folks looking for the react component for the counter, here's a code sandbox

yugaruggedme.eth 的头像
yugaruggedme.eth3 年前

@figma this is sick

Adham Dannaway 的头像
Adham Dannaway3 年前

@figma Great work 👍

Daniel Destefanis 的头像
Daniel Destefanis3 年前

@figma Thank you!

Rhys 的头像
Rhys3 年前

@figma This is a super cool project! I always find getting placeholder data that accurately matches what I want to design a challenge

Mateus "Matt" Da Silva 🎷🍕 的头像
Mateus "Matt" Da Silva 🎷🍕3 年前

@figma this is SO RAD and inspiring!!!

Daniel Destefanis 的头像
Daniel Destefanis3 年前

@figma Thanks dude!

相关视频

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 次观看 • 1 年前

I think I need to go lie down… We taught an AI some Figma designs of a documentation site. It can now generate similar sites using my own custom components on ANY topic I want, ALL within Figma I can also click on any frame and request updates 🤯
1:02

I think I need to go lie down… We taught an AI some Figma designs of a documentation site. It can now generate similar sites using my own custom components on ANY topic I want, ALL within Figma I can also click on any frame and request updates 🤯

Teddy Ni

276,781 次观看 • 2 年前

Private conversations just got more private. With disappearing messages on World Chat, you can set a timer and messages are deleted for everyone. Available in group chats and DMs.
0:31

Private conversations just got more private. With disappearing messages on World Chat, you can set a timer and messages are deleted for everyone. Available in group chats and DMs.

World App

27,014 次观看 • 5 个月前

This is my Figma to SwiftUI code workflow I couldn't find a good way to turn my Figma designs to Xcode so I built a plugin. It took roughly a day to create with Claude AI. A few more days to add additional features like Save file, Fast forward, Preview options, advanced settings, a ton of testing and of course shipping/feedback. We're at a point where we can built our own tools to complete a workflow.
14:33

This is my Figma to SwiftUI code workflow I couldn't find a good way to turn my Figma designs to Xcode so I built a plugin. It took roughly a day to create with Claude AI. A few more days to add additional features like Save file, Fast forward, Preview options, advanced settings, a ton of testing and of course shipping/feedback. We're at a point where we can built our own tools to complete a workflow.

Meng To

51,659 次观看 • 1 年前

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 次观看 • 3 年前

living near your friends is one of the best life upgrades you can make excited to launch our partnership with livenearfriends that paves a way for anyone to create a friend compound using new missing-middle laws and our new infill design system
1:12

living near your friends is one of the best life upgrades you can make excited to launch our partnership with livenearfriends that paves a way for anyone to create a friend compound using new missing-middle laws and our new infill design system

Tim Thimmaiah

205,255 次观看 • 3 个月前

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation
0:33

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation

luis.

23,288 次观看 • 5 个月前

Today we’re introducing a new way for model developers and bot creators to generate revenue on Poe: price per message! Creators can now set a per-message price for their bots and generate revenue every time a user messages them. Thread 👇
0:29

Today we’re introducing a new way for model developers and bot creators to generate revenue on Poe: price per message! Creators can now set a per-message price for their bots and generate revenue every time a user messages them. Thread 👇

Adam D'Angelo

170,660 次观看 • 2 年前

GPT 5.6 now has a full built-in professional video editor. ChatCut's new plugin for ChatGPT desktop gives you access to a full NLE, where you and your agent can edit together, effortlessly. It's available now. Start using it in 1 minute, by just telling your Codex: Read to install the ChatCut plugin and set up a new task for me.
0:36

GPT 5.6 now has a full built-in professional video editor. ChatCut's new plugin for ChatGPT desktop gives you access to a full NLE, where you and your agent can edit together, effortlessly. It's available now. Start using it in 1 minute, by just telling your Codex: Read to install the ChatCut plugin and set up a new task for me.

ChatCut

68,163 次观看 • 9 天前

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process
0:25

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Harshil Acharya

104,403 次观看 • 1 年前

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?
0:59

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

AK

91,951 次观看 • 5 个月前

I built a new plugin! You can now trigger Codex from Claude Code! Use the Codex plugin for Claude Code to delegate tasks to Codex or have Codex review your changes using your ChatGPT subscription. Start by installing the plugin:
0:39

I built a new plugin! You can now trigger Codex from Claude Code! Use the Codex plugin for Claude Code to delegate tasks to Codex or have Codex review your changes using your ChatGPT subscription. Start by installing the plugin:

dominik kundel

1,285,955 次观看 • 3 个月前

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.
0:37

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

Meng To

220,996 次观看 • 1 年前

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:
1:05

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume

14,162 次观看 • 1 年前

We are excited to announce the introduction of our brand new Plugin System! This opens a new door for the community to play a more active role in creating the best design and prototyping platform. Learn more:
0:38

We are excited to announce the introduction of our brand new Plugin System! This opens a new door for the community to play a more active role in creating the best design and prototyping platform. Learn more:

Penpot

15,328 次观看 • 1 年前

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity ​why is this different? ​official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting ​imagine this: - ​prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - ​zero click management: auto layout, component creation, deduplication handled by prompt - ​universal control: if you can do it in figma, it can do it for you ​the impact ​if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced ​full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »
0:48

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity ​why is this different? ​official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting ​imagine this: - ​prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - ​zero click management: auto layout, component creation, deduplication handled by prompt - ​universal control: if you can do it in figma, it can do it for you ​the impact ​if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced ​full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

Aurelien

78,970 次观看 • 5 个月前

Box has launched our plugin within Codex. Users can take any content within Box and automate workflows around it using the power of a coding agent. Here's an example of processing earnings call documents to extract structured data at scale.👇
1:04

Box has launched our plugin within Codex. Users can take any content within Box and automate workflows around it using the power of a coding agent. Here's an example of processing earnings call documents to extract structured data at scale.👇

Box

2,055,009 次观看 • 3 个月前

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.
1:52

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.

Brian Armstrong

520,346 次观看 • 2 年前

🚀 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 次观看 • 1 年前

You can easily make an extra $3,000–$5,000/month by selling digital information. With AI, you can do this completely automatically from ideation to content creation to the design of the course itself, using Grok, HeyGen, and Gamma. Here's how you do it: ⤵️ --- Go to Grok and create the course outline and scripts. Simply say, "Hey Grok, I want to create a course about [topic X]. Please create an outline and script for me" and let it do its thing. This gives you the foundation for your entire course without spending hours on research and planning. --- Next, go to HeyGen and create the video using their avatars. Using HeyGen, you can easily create videos for your course using an AI avatar. No need to hire actors or even show your face on camera. The AI handles all the video production while you focus on the bigger picture. --- Then go to Gamma and create a website for your course. Using you can host your course on a domain for free. You can also design it in less than a minute by using a single prompt. Just insert the outline that Grok generated and let it create a beautiful design for you. --- Finally, add the HeyGen videos to the Gamma website. And just like that, you have a course that includes educational information as well as video content that people can consume. Add a paywall behind it and start monetizing it. --- Safe to say that AI is transforming our productivity, and if you're not catching up, you're falling behind. Make sure to save this post and start monetizing by creating digital content.
2:22

You can easily make an extra $3,000–$5,000/month by selling digital information. With AI, you can do this completely automatically from ideation to content creation to the design of the course itself, using Grok, HeyGen, and Gamma. Here's how you do it: ⤵️ --- Go to Grok and create the course outline and scripts. Simply say, "Hey Grok, I want to create a course about [topic X]. Please create an outline and script for me" and let it do its thing. This gives you the foundation for your entire course without spending hours on research and planning. --- Next, go to HeyGen and create the video using their avatars. Using HeyGen, you can easily create videos for your course using an AI avatar. No need to hire actors or even show your face on camera. The AI handles all the video production while you focus on the bigger picture. --- Then go to Gamma and create a website for your course. Using you can host your course on a domain for free. You can also design it in less than a minute by using a single prompt. Just insert the outline that Grok generated and let it create a beautiful design for you. --- Finally, add the HeyGen videos to the Gamma website. And just like that, you have a course that includes educational information as well as video content that people can consume. Add a paywall behind it and start monetizing it. --- Safe to say that AI is transforming our productivity, and if you're not catching up, you're falling behind. Make sure to save this post and start monetizing by creating digital content.

Mushfiq Sajib

22,621 次观看 • 1 年前