Design System with Figma

Figma has now become an essential tool in the app/web front-end development field. It feels like a communication tool that both developers and non-developers can use without any burden. In the process of developing a web front-end, the following handoff usually occurs. Designer -> HTML markup developer -> SPA/MPA developer Whenever there is a handoff, active communication is required as each person's scope of work goes beyond the scope of their work. The more I use Figma, the more I am convinced that Figma is the right tool for this situation. All designers/front-end developers should learn Figma. However, since this lecture does not cover the basic usage of Figma, it may be difficult for those who are new to design tools. I think even those who follow up to Section 3 will be able to follow along without much difficulty. The lecture structure is similar to a fractal figure. This lecture will help designers/developers acquire the following qualities. Abstracting design components into a design system (Section 1. Configuring Foundation) Implementing design based on a design system (Section 1 to Section 11) Processing a design system into design tokens (Section 12 to Section 13) Developers will also be able to learn the entire design process. In particular, I think this is the first lecture in Korea to cover processing a design system into design tokens (Section 1, Section 12, Section 13). For reference, design tokens are an international standard for design components. It's like the international standard for restful API specifications is OpenAPI (Swagger). In the future, libraries and implementations based on design tokens will be released. If you build a design system using Figma, you can easily extract design tokens and ride the huge flow. I recommend this lecture.

I am a UI developer who collaborates with designers a lot. Sometimes, I suffered from colors that looked the same but had slight differences, or margins set by designers without any standard, based on their intuition. In particular, maintenance was a real “hell”. Then, while looking for a way to solve this, I learned about the concept of a design system and came across examples of its application in several famous IT companies. I suggested that I build a design system to my co-workers, but when I was at a loss as to how to start, the “Design System with Figma” lecture I came across was the best choice. I think this is a course that everyone, including planners, designers, and developers, should take. I highly recommend it to companies that are using Figma.

So, this lecture presents a vision and method for what you can do with Figma and what direction you should take to complete it. In addition to the practice of starting from a subcomponent and creating a page, the instructor's rich experience and practical tips are well incorporated, so not only the results you create after listening, but also other knowledge you gain are good. I think that by creating a design system through Figma, I will gain some personal benefits, but I think it can be a very attractive tool for both developers and designers in that it can significantly reduce the possibility of arguments arising due to communication errors with other collaborators. One of the things that I found very satisfying is that the lecture emphasizes and gives you something to think about, such as "Why should it be made like this?" throughout the lecture, so whether you are a front-end developer, a web publisher, or a web designer, you can understand that you can easily create simple and sophisticated results by reaching an agreement and setting common rules. It is not just about doing it this way! It is a good lecture that broadens the range and flexibility of the students who take the lecture. Figma's design tools may be unfamiliar to front-end developers and it may be difficult to immediately understand how they work, but since the lecture shows you how to do it step by step, you will be able to learn how to use the tool. It may take a little more practice to get used to it, but I believe you will quickly fall in love with Figma's charm specialized for collaboration!

This is my first time taking a separate lecture, but it's great because it explains things in an easy-to-understand way and provides a lot of useful tips for design work and collaboration! It was very helpful!

There are many useful contents, so it is helpful. It was especially good because I could learn how to use it in practice. However, the lecture work screen is large, so there are already many panel items on the left and right, and the icons and texts are all small, so it is hard to see even when I look at it in 1080 quality, my eyes hurt, and it is hard to concentrate. ㅠㅠ For example, since only the work screen at the top is related, it would be good to cut off the work screen at the bottom so that it can be seen a little larger.

It may seem like a lecture for design systems, but if you follow the course slowly, you can also master essential Figma functions such as components and Autolayout. Since it specifically explains why you need to do something new when you need to do it, it is a lecture that allows you to think about how to apply the functions you have learned in practice as well as mastering the functions. Thank you for making a great lecture.

I only studied development and only knew how to use Figma, but I came across a lecture that I really needed! Thanks to the instructor, the concept of atomic design and design systems was established. I also felt the importance of parts and reusability once again when I saw that design is completed by components coming together. I highly recommend this to developers and designers who need to communicate for work.

These days, design systems are often mentioned in job postings for UI and UX designers. I guess there are many designers who can do design without knowing the design system, and who either don't know the design system or know it but don't know it properly. However, I think that design systems are essential capabilities for designers that they must not know. At least if you are going to do design properly. If you know the design system, you can design systematically and manage it efficiently. Also, the Figma Token covered in this lecture can facilitate communication with developers through GitHub Push. I wanted to learn about design systems, but I couldn't find a place that taught them properly, but I feel like I found a treasure because this quality lecture is posted at a good price on Infraun. I hope that many companies and design companies will establish design systems through this lecture, and that more companies will have a system for design and communicate smoothly with developers. People who don't know what a design system is People who have heard of a design system but don't know exactly People who have had difficulty communicating with developers I recommend it to both designers and developers.