正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Just updated my Figma plugin - Simpleflow. It allows you to use #FigJam connector within Figma file. And now.. also let you control which two elements the connector should linked to! (native copy & paste connectors can work better, right? 🙌) Try it:

Lichin Lin

3,220 subscribers

14,778 次观看 • 3 年前 •via X (Twitter)

科学技术 #FigJam

Anya Rossi• Live Now

Private livecam show

10 条评论

Lichin Lin 的头像

Lichin Lin3 年前

Currently, if you paste a connector you just copied to somewhere else... it just end up paste to the same location (hummm😅), and if you try to press "option" + drag to duplicate, it will still end up create a new connector at the same place. Have you experienced this issue?

Bear Liu 的头像

Bear Liu1 年前

@figma I look for this solution for a long f*cking time! Thanks bro!

sylvester marquant (Money Conduit) 的头像

sylvester marquant (Money Conduit)3 年前

@figma I want to say a great tool you built there and thank you for it. It's one of my favourite figma plugin since I discovered it.

Lichin Lin 的头像

Lichin Lin3 年前

@figma Thank you for the words!😊 let me know if there’s anything I can improve

ahmad 的头像

ahmad3 年前

@figma This is going to be a life changer. I currently use Autoflow. I'd try it out and see how it goes.

Siddharth @ framerkit.supply 的头像

Siddharth @ framerkit.supply3 年前

@figma I shifted from Autoflow to Simpleflow recently, and it's one of the best decisions I've made. I've been using it for a while now, and this make it much easier to organize flows.

Oshioke.UI 的头像

Oshioke.UI3 年前

@figma @orevba_john @Ik_Joshuaaa @favourdumnoi

Frank Vasquez 的头像

Frank Vasquez3 年前

@figma Hey, this is awesome, thank you for sharing. But I just noticed that the "automatic linking" doesn't work for nested instances or elements that are within a lot of parent frames 🤔 Am I doing something wrong?

Lichin Lin 的头像

Lichin Lin3 年前

@figma Let me check it this weekend, sorry for the inconvenience 🙌

Dris 的头像

Dris3 年前

@FigmaHunt @figma Been using autoflow but discovered simpleflow 2months ago and love it’s responsiveness. However I’d suggest adding a place for annotations or notes then it’s perfect! Thanks @lichinlin

相关视频

Sadly, I won’t be attending Config SF in person this year… but, I just updated my plugin Simpleflow! You can now create curved connectors and customize label's corner radius for better control in Figma! Hope you enjoy the update and don’t forget to make new connections next week at Config! 💫

Sadly, I won’t be attending Config SF in person this year… but, I just updated my plugin Simpleflow! You can now create curved connectors and customize label's corner radius for better control in Figma! Hope you enjoy the update and don’t forget to make new connections next week at Config! 💫

Lichin Lin

10,871 次观看 • 1 年前

UI/UX Designers, did you know you can convert your PNG images to SVG format and customize the colors directly in Figma? Quick Tracing is a Figma plugin that allows you to easily trace and convert images into vector shapes directly within Figma with just one click.

UI/UX Designers, did you know you can convert your PNG images to SVG format and customize the colors directly in Figma? Quick Tracing is a Figma plugin that allows you to easily trace and convert images into vector shapes directly within Figma with just one click.

Abraham John 🦄🦓

72,101 次观看 • 1 年前

Just pushed a new version, now you can use it to create components! If you encounter errors, please restart @Figma or re-login to your plugin account to clear the cache.

Just pushed a new version, now you can use it to create components! If you encounter errors, please restart @Figma or re-login to your plugin account to clear the cache.

Joshua Guo

23,327 次观看 • 7 个月前

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 次观看 • 1 个月前

Figma Motion doesn't export to Lottie. So we built it. Now live in the LottieFiles plugin. Click export, get an Lottie file you can ship anywhere. Should this be free? Tell us.

Figma Motion doesn't export to Lottie. So we built it. Now live in the LottieFiles plugin. Click export, get an Lottie file you can ship anywhere. Should this be free? Tell us.

LottieFiles

124,246 次观看 • 1 个月前

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

171,880 次观看 • 1 年前

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

Abraham John 🦄🦓

56,500 次观看 • 1 年前

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

Abraham John 🦄🦓

28,726 次观看 • 1 年前

Grab my 25 experimental hero sections + prompts designed in Figma for free. How to get it: — Comment "Want this" — I'll DM you the figma link. You get: — Editable figma file including app screens, free to use — Midjourney prompts. No follows required, unless you want to.

Grab my 25 experimental hero sections + prompts designed in Figma for free. How to get it: — Comment "Want this" — I'll DM you the figma link. You get: — Editable figma file including app screens, free to use — Midjourney prompts. No follows required, unless you want to.

Dmitry Kurash

81,483 次观看 • 2 年前

$This is the setup that changed everything for me, Claude can now browse the internet on its own. Not with your browser. Its own dedicated browser.. It can now login with your credentials, scrape data, monitors communities and generates leads.. all in the background while you sleep First how you can set it up, > Open Claude Desktop > Click the plus (+) icon in the chat bar and select Connectors (or "Manage Connectors") > Click Add Custom Connector and enter the following details - Name: Firecrawl - URL: dev/{FIRECRAWL_API_KEY}/v2/mcp - API Key: Paste your API key from the Firecrawl dashboard. > Click Add. then just enable and Authorize, > Once added, find "Firecrawl" in your connectors list and toggle it on. > Claude will ask for approval to use the connector; select Always Allow to let it run tasks without prompting you every time can start using it normally in chat now.. Prompt it like: "Go to [website], extract [data], and organize it" It opens its own browser, navigates, scrapes, and brings you clean results. will share how i use this setup in my next post, so be sure to follow me and turn post notifications on.$

This is the setup that changed everything for me, Claude can now browse the internet on its own. Not with your browser. Its own dedicated browser.. It can now login with your credentials, scrape data, monitors communities and generates leads.. all in the background while you sleep First how you can set it up, > Open Claude Desktop > Click the plus (+) icon in the chat bar and select Connectors (or "Manage Connectors") > Click Add Custom Connector and enter the following details - Name: Firecrawl - URL: dev/{FIRECRAWL_API_KEY}/v2/mcp - API Key: Paste your API key from the Firecrawl dashboard. > Click Add. then just enable and Authorize, > Once added, find "Firecrawl" in your connectors list and toggle it on. > Claude will ask for approval to use the connector; select Always Allow to let it run tasks without prompting you every time can start using it normally in chat now.. Prompt it like: "Go to [website], extract [data], and organize it" It opens its own browser, navigates, scrapes, and brings you clean results. will share how i use this setup in my next post, so be sure to follow me and turn post notifications on.

Axel Bitblaze 🪓

179,894 次观看 • 4 个月前

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips

designwithkingsley

28,406 次观看 • 1 年前

Say goodbye to leaving Figma just to use AI. Today, we're bringing powerful AI agents directly into your Figma canvas. No terminal. No MCP configs. No developer setup. Anima Agent is a chat inside Figma. Describe what you want → it builds on the canvas, using your actual design system. Install the plugin. Start designing. That's it.

Say goodbye to leaving Figma just to use AI. Today, we're bringing powerful AI agents directly into your Figma canvas. No terminal. No MCP configs. No developer setup. Anima Agent is a chat inside Figma. Describe what you want → it builds on the canvas, using your actual design system. Install the plugin. Start designing. That's it.

Anima

13,035,586 次观看 • 4 个月前

Friends don’t let friends paste screenshots! ☝️ 🚀 Copy Design from Figma Make is out! 🚀 Watch Holly demo how you can get design layers out of Make — to riff, jam and collaborate! — This is just the start!

Friends don’t let friends paste screenshots! ☝️ 🚀 Copy Design from Figma Make is out! 🚀 Watch Holly demo how you can get design layers out of Make — to riff, jam and collaborate! — This is just the start!

Niko

29,935 次观看 • 10 个月前

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 »

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

79,132 次观看 • 6 个月前

Don't ask: "How can I add AI?" Instead ask: "How can AI make this better." Take running a meeting: During a brainstorming meeting, it sucks to... - Create a brainstorming template from scratch - Group 100+ virtual sticky notes manually That's why Figma built their first gen AI feature in FigJam to let anyone: - Generate a personalized FigJam template - Sort and summarize 100+ ideas quickly Here's my new interview with Yuhki Yamashita (CPO Figma) on how Figma: 1. Encourages PMs and designers to love their craft 2. Built FigJam AI to solve real problems 3. Plans to make design accessible to everyone 📌 Check out the interview below:

Don't ask: "How can I add AI?" Instead ask: "How can AI make this better." Take running a meeting: During a brainstorming meeting, it sucks to... - Create a brainstorming template from scratch - Group 100+ virtual sticky notes manually That's why Figma built their first gen AI feature in FigJam to let anyone: - Generate a personalized FigJam template - Sort and summarize 100+ ideas quickly Here's my new interview with Yuhki Yamashita (CPO Figma) on how Figma: 1. Encourages PMs and designers to love their craft 2. Built FigJam AI to solve real problems 3. Plans to make design accessible to everyone 📌 Check out the interview below:

Peter Yang

48,812 次观看 • 2 年前

References API can also be used to create plugins. Here is a figma plugin we built to take any two images and combine them together any way you want. We open-sourced the code.

References API can also be used to create plugins. Here is a figma plugin we built to take any two images and combine them together any way you want. We open-sourced the code.

Alejandro Matamala Ortiz

20,029 次观看 • 1 年前

Testing the code generated from your figma designs 👀 You can resize the preview and test for mobile, tablet and desktop. I added zoom, bg color, padding, alignment and export to PNG for sharing. Just in case Claude doesn't center it correctly or give the right background. Fingers crossed that Figma approves this plugin soon 🤞

Testing the code generated from your figma designs 👀 You can resize the preview and test for mobile, tablet and desktop. I added zoom, bg color, padding, alignment and export to PNG for sharing. Just in case Claude doesn't center it correctly or give the right background. Fingers crossed that Figma approves this plugin soon 🤞

Meng To

17,708 次观看 • 1 年前

I built a free Figma to React plugin used by Lovable! In 1 click you can convert your Figma design into React + Tailwind CSS code They said it had better code gen than even paid plugins like Anima, Builderio, Framer, etc. but no one knew about it :( ✅ Try Figroot (it's completely free) Like + comment to help me share it 🫶

I built a free Figma to React plugin used by Lovable! In 1 click you can convert your Figma design into React + Tailwind CSS code They said it had better code gen than even paid plugins like Anima, Builderio, Framer, etc. but no one knew about it :( ✅ Try Figroot (it's completely free) Like + comment to help me share it 🫶

patti

17,909 次观看 • 7 个月前

Figma Slides is now in the Figma mobile app! You can view decks, respond to comments, and leave feedback from anywhere. So get outside, and touch some grass 🌞 Download it for iOS & Android at

Figma Slides is now in the Figma mobile app! You can view decks, respond to comments, and leave feedback from anywhere. So get outside, and touch some grass 🌞 Download it for iOS & Android at

Robert Bye

72,309 次观看 • 2 年前

🙌Meet Artifig: A Figma Plugin to Generate Figma Plugins Do you use Figma and ever feel like this: - Your mind is bursting with plugin ideas, but you can't bring them to life because you don't know how to code? - You want to focus on design, but repetitive tasks keep slowing you down? - You dream of creating custom tools for your team, but lack the time or resources? I’ve been there too. That’s why I created Artifig. ✨ What is Artifig? Artifig is an AI-powered Figma plugin that empowers anyone to build their own Figma plugins using just natural language. No coding needed—simply describe what you want, and watch as your idea transforms into a fully functional, real-time plugin. 🚀 Redefining Figma Plugin Development The core philosophy of Artifig is simple: Designers often have countless ideas and creative visions, but many of them remain unrealized due to a lack of technical skills. We believe designers shouldn’t be limited by their inability to code. You should focus on creating, not be held back by technical barriers or repetitive tasks. Artifig takes you directly from "description" to "implementation." 🛠️ How Does It Work? 1. Describe Your Needs: Tell Artifig what you want, like “Create a skew transformation tool for objects, supporting horizontal and vertical skew with real-time preview functionality.” 2. Generate and Run the Plugin: Artifig instantly generates the plugin and runs it right within Figma. For example, the generated plugin can apply skew transformations to objects, precisely controlled via matrix transformations, with an intuitive user experience. 3. Optimize and Iteration: Need adjustments? Simply describe them, and Artifig will Iterating the plugin step by step. 4. Share Your Creations: Publish your plugins to the Artifig community, or remix plugins shared by others to build on their ideas. No learning curve. No complex steps. It’s as simple as that. 🌟 Key Features - Zero Barrier to Entry: No coding experience needed—any Figma user can create plugins effortlessly. - Multilingual Support: Works in multiple languages, including English, Chinese, French, Japanese, and German. - What-You-See-Is-What-You-Get: Generated plugins run in real-time, so you can quickly validate and refine your ideas. - Open and Flexible: The generated plugin code is 100% yours—modify it, distribute it, even use it commercially. - Global Community: Share your plugins, explore others’ creations, and publish your plugins to the Figma community. 🎯 Why is Artifig a Game-Changer? 1. No More Repetitive Work Let AI handle the tedious, time-consuming tasks: batch renaming layers, auto-aligning elements, or applying styles in bulk. All you need to do is say, “Import a PDF and arrange each image on the canvas with 20px spacing.” 2. Quickly Bring Ideas to Life From color contrast checks to data imports and custom components, all your “what if we could” ideas can now become plugins. Just one natural language description, and Artifig makes it happen. 3. Custom Tools for Your Team Build tailored tools for your team, creating unique solutions to streamline your workflow. 4. Not Just a Tool, But a Learning Experience Artifig explains the logic behind the code it generates, helping you understand Figma APIs and JavaScript. Today, you’re a designer; tomorrow, you could also be a design engineer. 🧑‍🚀👩🏻‍💻🥷🏻 Who is Artifig For? - Beginners: No development experience needed—just describe your ideas and let Artifig do the rest. - Experts: Save time and focus on high-value tasks while Artifig handles the repetitive work. - Learners: Use Artifig as a bridge to deepen your understanding of development. - Teams: Build custom tools to enhance collaboration and efficiency. 🎉 Ready to Get Started? I believe designers’ time and focus should be spent on creating, not on wrestling with complex tools. Artifig is the first step toward realizing this vision. Try Artifig now and experience an unprecedented flow of creativity!

🙌Meet Artifig: A Figma Plugin to Generate Figma Plugins Do you use Figma and ever feel like this: - Your mind is bursting with plugin ideas, but you can't bring them to life because you don't know how to code? - You want to focus on design, but repetitive tasks keep slowing you down? - You dream of creating custom tools for your team, but lack the time or resources? I’ve been there too. That’s why I created Artifig. ✨ What is Artifig? Artifig is an AI-powered Figma plugin that empowers anyone to build their own Figma plugins using just natural language. No coding needed—simply describe what you want, and watch as your idea transforms into a fully functional, real-time plugin. 🚀 Redefining Figma Plugin Development The core philosophy of Artifig is simple: Designers often have countless ideas and creative visions, but many of them remain unrealized due to a lack of technical skills. We believe designers shouldn’t be limited by their inability to code. You should focus on creating, not be held back by technical barriers or repetitive tasks. Artifig takes you directly from "description" to "implementation." 🛠️ How Does It Work? 1. Describe Your Needs: Tell Artifig what you want, like “Create a skew transformation tool for objects, supporting horizontal and vertical skew with real-time preview functionality.” 2. Generate and Run the Plugin: Artifig instantly generates the plugin and runs it right within Figma. For example, the generated plugin can apply skew transformations to objects, precisely controlled via matrix transformations, with an intuitive user experience. 3. Optimize and Iteration: Need adjustments? Simply describe them, and Artifig will Iterating the plugin step by step. 4. Share Your Creations: Publish your plugins to the Artifig community, or remix plugins shared by others to build on their ideas. No learning curve. No complex steps. It’s as simple as that. 🌟 Key Features - Zero Barrier to Entry: No coding experience needed—any Figma user can create plugins effortlessly. - Multilingual Support: Works in multiple languages, including English, Chinese, French, Japanese, and German. - What-You-See-Is-What-You-Get: Generated plugins run in real-time, so you can quickly validate and refine your ideas. - Open and Flexible: The generated plugin code is 100% yours—modify it, distribute it, even use it commercially. - Global Community: Share your plugins, explore others’ creations, and publish your plugins to the Figma community. 🎯 Why is Artifig a Game-Changer? 1. No More Repetitive Work Let AI handle the tedious, time-consuming tasks: batch renaming layers, auto-aligning elements, or applying styles in bulk. All you need to do is say, “Import a PDF and arrange each image on the canvas with 20px spacing.” 2. Quickly Bring Ideas to Life From color contrast checks to data imports and custom components, all your “what if we could” ideas can now become plugins. Just one natural language description, and Artifig makes it happen. 3. Custom Tools for Your Team Build tailored tools for your team, creating unique solutions to streamline your workflow. 4. Not Just a Tool, But a Learning Experience Artifig explains the logic behind the code it generates, helping you understand Figma APIs and JavaScript. Today, you’re a designer; tomorrow, you could also be a design engineer. 🧑‍🚀👩🏻‍💻🥷🏻 Who is Artifig For? - Beginners: No development experience needed—just describe your ideas and let Artifig do the rest. - Experts: Save time and focus on high-value tasks while Artifig handles the repetitive work. - Learners: Use Artifig as a bridge to deepen your understanding of development. - Teams: Build custom tools to enhance collaboration and efficiency. 🎉 Ready to Get Started? I believe designers’ time and focus should be spent on creating, not on wrestling with complex tools. Artifig is the first step toward realizing this vision. Try Artifig now and experience an unprecedented flow of creativity!

yancymin

21,222 次观看 • 1 年前