yancymin's banner

yancymin

@yancymin • 7,884 subscribers

building @artifigAI maker of @wegic_ai, @Ugic_Ai, https://t.co/C9wfQHd11M, https://t.co/sjDfGvpXzb | Product Designer, Design Engineer

Shorts

OpenAI OpenAIDevs it also supports iterative edits using a brush tool (although it's a bit slow). the good thing is, 4o understands UI patterns—though I brushed at the bottom, 4o decided it's more reasonable to place the tabs at the top.

OpenAI OpenAIDevs it also supports iterative edits using a brush tool (although it's a bit slow). the good thing is, 4o understands UI patterns—though I brushed at the bottom, 4o decided it's more reasonable to place the tabs at the top.

29,862 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

The future that is happening. Automation powered by GPT-4o generates Figma designs based on PRD. Figma

The future that is happening. Automation powered by GPT-4o generates Figma designs based on PRD. Figma

1,563,019 views • 2 years ago

Introduction: Ugic Ugic After more than a year of exploration and development, our Figma plugin, Ugic, is officially launched. Ugic is the first Figma plugin to generate multi-language UI drafts from your own component library. 🔗 Plugin link: Join our Discord group for more help and information: Reflecting on this journey, starting from testing with GPT-3.5 in May 2023 to now, our goal has always been unswerving: to transform the current AI2UI product market, which is currently ruled by templated and poorly scalable solutions, by achieving a deep AI understanding of product requirements. We came to realize that pixel-perfect UI drawing is not the ultimate goal. After all, the manual process that designers go through has actually been a way to gather inspiration and insights through continuous iteration. If our goal is to find the "right" interface, then manually drawing UI is just one of the means to achieve this goal. Based on this understanding, the iterations of our plugin will focus on three key elements in the long term: speed, understanding, and quality. - Speed is a must. We believe that AI generation should be in sync with human thinking, without interrupting the creativity spark. This requires our tool to respond quickly, keeping up with the designer’s thought process. - Understanding refers to the AI’s ability to grasp the business context and goals, leading to appropriate design solutions. This not only relies on data and models but also requires designers to provide clear background information and continuous feedback. - Quality is mainly the visual performance, which directly impacts the user’s first impression. Although this is a dynamic metric, we maintain high standards to ensure that the generated results meet professional levels. After several iterations, our plugin now has the following capabilities: - Personalized Component Libraries: Choose your preferred component library, whether it’s community-shared or a personally customized one. - Text-to-Structure Conversion: Enter long-form text, and Ugic intelligently transforms it into a page structure, allowing you to preview and adjust before generation to ensure the design meets your expectations. - Multi-Language Support: Ugic supports input in English, Chinese, French, Italian, Japanese, Korean, and dozens of other languages. No matter your language preference, Ugic can generate a UI in the corresponding language. - Iterative Design: After generation, you can easily adjust the page structure and iterate on the design until it aligns with your vision. For pricing, Ugic currently offers only a paid version. Honestly, this was a tough decision. After a deliberate consideration, we realized that to maintain Ugic’s high output quality, we must use top-notch large language models at every stage. This means that the cost per generation is relatively high. If we offered a free trial, we might not last long before having to shut down. I'm aware this may disappoint some friends. But think about this: isn’t a tool that significantly enhances efficiency and sparks creativity worth investing in? We firmly believe that Ugic can bring tangible value to designers. For those interested in more details about the costs, we’ve prepared a detailed cost breakdown document: I want to extend special thanks to the 2.5k+ waitlist users who supported us via Google Forms over the past few months. As a token of appreciation, we will gift a special trial redemption code to each of the first 500 users within the next 12 hours. These codes can be used directly in the plugin, each allowing 5 free pages of generation. This is our way of saying thank you and providing more people the chance to experience this revolutionary technology. In the future, we will continue to optimize and expand the plugin’s functionality, exploring more possibilities in AI-assisted design. We invite everyone to stay tuned for our progress and join us in this magical journey! Ugic Team 2024.8

Introduction: Ugic Ugic After more than a year of exploration and development, our Figma plugin, Ugic, is officially launched. Ugic is the first Figma plugin to generate multi-language UI drafts from your own component library. 🔗 Plugin link: Join our Discord group for more help and information: Reflecting on this journey, starting from testing with GPT-3.5 in May 2023 to now, our goal has always been unswerving: to transform the current AI2UI product market, which is currently ruled by templated and poorly scalable solutions, by achieving a deep AI understanding of product requirements. We came to realize that pixel-perfect UI drawing is not the ultimate goal. After all, the manual process that designers go through has actually been a way to gather inspiration and insights through continuous iteration. If our goal is to find the "right" interface, then manually drawing UI is just one of the means to achieve this goal. Based on this understanding, the iterations of our plugin will focus on three key elements in the long term: speed, understanding, and quality. - Speed is a must. We believe that AI generation should be in sync with human thinking, without interrupting the creativity spark. This requires our tool to respond quickly, keeping up with the designer’s thought process. - Understanding refers to the AI’s ability to grasp the business context and goals, leading to appropriate design solutions. This not only relies on data and models but also requires designers to provide clear background information and continuous feedback. - Quality is mainly the visual performance, which directly impacts the user’s first impression. Although this is a dynamic metric, we maintain high standards to ensure that the generated results meet professional levels. After several iterations, our plugin now has the following capabilities: - Personalized Component Libraries: Choose your preferred component library, whether it’s community-shared or a personally customized one. - Text-to-Structure Conversion: Enter long-form text, and Ugic intelligently transforms it into a page structure, allowing you to preview and adjust before generation to ensure the design meets your expectations. - Multi-Language Support: Ugic supports input in English, Chinese, French, Italian, Japanese, Korean, and dozens of other languages. No matter your language preference, Ugic can generate a UI in the corresponding language. - Iterative Design: After generation, you can easily adjust the page structure and iterate on the design until it aligns with your vision. For pricing, Ugic currently offers only a paid version. Honestly, this was a tough decision. After a deliberate consideration, we realized that to maintain Ugic’s high output quality, we must use top-notch large language models at every stage. This means that the cost per generation is relatively high. If we offered a free trial, we might not last long before having to shut down. I'm aware this may disappoint some friends. But think about this: isn’t a tool that significantly enhances efficiency and sparks creativity worth investing in? We firmly believe that Ugic can bring tangible value to designers. For those interested in more details about the costs, we’ve prepared a detailed cost breakdown document: I want to extend special thanks to the 2.5k+ waitlist users who supported us via Google Forms over the past few months. As a token of appreciation, we will gift a special trial redemption code to each of the first 500 users within the next 12 hours. These codes can be used directly in the plugin, each allowing 5 free pages of generation. This is our way of saying thank you and providing more people the chance to experience this revolutionary technology. In the future, we will continue to optimize and expand the plugin’s functionality, exploring more possibilities in AI-assisted design. We invite everyone to stay tuned for our progress and join us in this magical journey! Ugic Team 2024.8

86,059 views • 1 year ago

🙌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!

21,222 views • 1 year ago

No more content to load