Figma and Its Benefits for Backend Developers

Figma and Its Benefits for Backend Developers

Daily short news for you
  • For a long time, I have been thinking about how to increase brand presence, as well as users for the blog. After much contemplation, it seems the only way is to share on social media or hope they seek it out, until...

    Wearing this shirt means no more worries about traffic jams, the more crowded it gets, the more fun it is because hundreds of eyes are watching 🤓

    (It really works, you know 🤭)

    » Read more
  • A cycle of developing many projects is quite interesting. Summarized in 3 steps: See something complex -> Simplify it -> Add features until it becomes complex again... -> Back to a new loop.

    Why is that? Let me give you 2 examples to illustrate.

    Markdown was created with the aim of producing a plain text format that is "easy to write, easy to read, and easy to convert into something like HTML." At that time, no one had the patience to sit and write while also adding formatting for how the text displayed on the web. Yet now, people are "stuffing" or creating variations based on markdown to add so many new formats that… they can’t even remember all the syntax.

    React is also an example. Since the time of PHP, there has been a desire to create something that clearly separates the user interface from the core logic processing of applications into two distinct parts for better readability and writing. The result is that UI/UX libraries have developed very robustly, providing excellent user interaction, while the application logic resides on a separate server. The duo of Front-end and Back-end emerged from this, with the indispensable REST API waiter. Yet now, React doesn’t look much different from PHP, leading to Vue, Svelte... all converging back to a single point.

    However, the loop is not bad; on the contrary, this loop is more about evolution than "regression." Sometimes, it creates something good from something old, and people rely on that goodness to continue the loop. In other words, it’s about distilling the essence little by little 😁

    » Read more
  • Alongside the official projects, I occasionally see "side" projects aimed at optimizing or improving the language in some aspects. For example, nature-lang/nature is a project focused on enhancing Go, introducing some changes to make using Go more user-friendly.

    Looking back, it resembles JavaScript quite a bit 😆

    » Read more

The Problem

If you are a developer in product development, you are probably no stranger to feature design prototypes on the Figma tool. Through these visual images, we can communicate and work more efficiently with each other.

Creating such design prototypes requires designers to have a lot of knowledge about graphics and UI/UX skills. As a developer, I have to admit that Figma was initially challenging for me to use. But because I discovered the potential that Figma brings, I had to motivate myself to learn how to use it.

So, as a developer, why do I need Figma? In today's article, I would like to share my perspective on why developers should know how to use Figma.

Why Use Figma

Why Use Figma

Firstly, if you don't know what Figma is used for, it is a vector graphics editing and prototyping software. Figma focuses on supporting UI/UX design work and real-time collaboration.

The ability to design UI/UX is what I need to create new interface designs for my blog. In the past, I tried various methods such as sketching on paper, using online wireframe tools... but these methods only partially met my needs, and they also revealed their limitations. For example, sketching on paper is fast, but it is difficult to edit, and it is not as complete and detailed as computer graphics. Wireframing only helps me create layouts without detailed graphics.

Figma is a tool that helps me overcome these limitations. I can create wireframes and make quick edits. I can even create a complete design for a page on my blog. After I am satisfied, I send them to a few people for feedback. If everything is fine, I implement the design into HTML code.

Donate to Hoai

Currently, my skill in using Figma is at a basic level. The knowledge I have gained is mainly from reading the documentation on Figma's website and watching their tutorial videos on Youtube.

Match App

Why Should You Know How to Use Figma

There are several benefits that I have gained from learning to use the Figma tool.

Using Figma indirectly exposes you to thousands of design templates available on this platform. These are design templates shared by users on this platform. There are detailed design templates as well as component templates that we can reuse. This helps save time and effort in searching for new design inspiration. Moreover, if you can't create a design, you can use the available component templates.

Visualize your ideas quickly through design prototypes, evaluate, and make adjustments until you are satisfied. Instead of imagining in your head, you can now bring it to life on Figma. You can quickly see your results and use them as motivation for further development.

Through Figma, we can easily share our designs with others for them to view or provide feedback. Designs may look "perfect" in the eyes of the creator, but sometimes external observers quickly notice "details" that we didn't expect or overlooked. This helps you quickly identify and make improvements for a more refined design.

In addition to creating web/mobile design prototypes, Figma can also do other tasks, such as designing logos and icons. If you learn how to design, you can freely create products with your preferred style without depending on anyone else.

Using Figma requires knowledge of UI/UX, and if you don't know much about it, Figma forces you to develop your UI/UX skills and aesthetic sense by constantly practicing and exploring. Continuously updating yourself with new design trends keeps the user experience of the products you develop up to date.

Conclusion

In this article, I have presented the reasons why a developer like me chose to learn how to use Figma. For you or others, Figma may bring even more benefits. I hope that after reading this article, developers who are on the way to conquering Figma or professional designers can share their experiences of learning and using Figma with me and everyone else!

Premium
Hello

5 profound lessons

Every product comes with stories. The success of others is an inspiration for many to follow. 5 lessons learned have changed me forever. How about you? Click now!

Every product comes with stories. The success of others is an inspiration for many to follow. 5 lessons learned have changed me forever. How about you? Click now!

View all

Subscribe to receive new article notifications

or
* The summary newsletter is sent every 1-2 weeks, cancel anytime.

Comments (0)

Leave a comment...