FIGMA LÀ GÌ

Tổng quan

Để nắm rõ bởi vì sao Figma là một công cụ làm web tuyệt vời, cần nhìn lại những trải nghiệm thực tế của bản thân bản thân và team.

Từ cuối 2017, trong những lúc đang cố tự động hóa cùng giản lược hóa quá trình tạo ra sản phẩm, team TELOS bắt đầu ngó đến những phần mềm thiết kế có thể tối ưu hóa công sức để dành ra đến việc thiết kế giao diện. Sketch thì đã ra mắt và ổn định một thời gian dài, nhưng chỉ phục vụ mang đến MacOS. Adobe XD cũng là một sự lựa chọn tốt bởi vì có trên bản Windows. Nhưng thời điểm đó nổi lên một cái tên thụ vị hơn với một loạt những đặc điểm hay ho và quan tiền trọng nhất là : nó miễn phí, xài trực tiếp bên trên hệ thống đám mây, teamwork thời gian thực …

*
Chính trang web này các bạn đang coi, mình cũng dùng Figma để dựng nó lên

Về cá nhân mình, mình nhận được một lời mời làm product designer cho một cửa hàng công nghệ chăm về ERP (có tên là XBOSS) vào khoảng mon 4/2018. Bài tân oán lớn ở đây đó là: không giống với những website cửa hàng dạng dịch vụ trước giờ bản thân đã từng có tác dụng, đây là một hệ thống quản lý với nhiều chức năng cùng nhiều giao diện phức tạp nhưng thuộc một giao thức ngôn ngữ thiết kế tầm thường dựa trên xúc tích của một nền tảng gốc. Việc cần có tác dụng là phải design theo lối tư duy hệ thống, chứ nếu lần giở từng trang con, từng phân hệ thì chỉ gồm cặm cụi làm đến suốt đời vẫn chưa xong xuôi.

Thời điểm đó dù chưa thật sự thông thạo, bản thân đã offer giải pháp về Figma mang lại phía các leader. May mắn là sau gần 2 năm sử dụng, nó hoạt động được, với hoạt động tốt nữa là khác. Dưới đây sẽ là những điều bản thân tổng hợp lại trong suốt quy trình sử dụng để thể hiện lý do bởi vì sao Figma lại là một lựa chọn tuyệt vời:

1. Figma trước hết là một công cụ ra đời để làm cho giao diện

Điều này tưởng như hiển nhiên nhưng lại ko phải ai cũng biết.

Trong những quan tiền cạnh bên (tất nhiên là chưa qua thống kê chủ yếu xác) của team bọn chúng mình, những người làm thiết kế giao diện ở Việt Nam số đông vẫn chưa sử dụng những phần mềm siêng biệt. Ngạc nhiên là vẫn còn một lượng lớn những người có tác dụng thiết kế trang web đang sử dụng những phần mềm thiết kế tổng thể (kiểu Photoshop, Illustrator…) đến tác vụ thiết kế UI, vì chưng lý do gì thì chắc không thể kể ra hết được

những công cụ về auto layout với text hỗ trợ rất nhiều. Nguồn ảnh: Figma.

Bạn đang xem: Figma là gì

Mình tốt nói vui với bạn btrằn trong những lần so sánh thì Thiết kế là một khái niệm lớn như chuyện giao thông vận tải, nhưng mà thiết kế giao diện thì lại là một con ngõ hẹp. Dùng Photocửa hàng hay Adobe Illustrator để thiết kế giao diện không hẳn là không nên, nhưng nó giống như bạn vác chiếc 16 chỗ chạy vào nhỏ ngõ đó vậy. Cồng kềnh, nặng nề cùng cạnh tranh xử lý. Txuất xắc vày thế, sao bạn ko chọn hẳn XD giỏi Figma, đó là những chiếc xe nhì bánh, phục vụ riêng biệt mang lại việc đi vào hẻm, mọi thứ trở phải rất mượt cơ mà.

Và cũng do là một phần mềm chuyên thiết kế giao diện yêu cầu …

2. Lối tư duy Figma hướng user đi là một lối tư duy xúc tích kiểu lập trình

Nếu bạn đã làm cho giao diện trện những phần mềm như Photocửa hàng, bạn sẽ thấy đó là một quá trình minh họa đến một lớp bên phía ngoài của thiết kế, ko hơn không thua kém. Ở một mắt nhìn như thế nào đó, phần mềm bao gồm thể được nhận thức như một công cụ. Lúc đã bao gồm ý tưởng cùng hình dung thiết kế vào đầu thì việc làm sao để triển knhì nó ra sẽ ko phải vấn đề quan liêu trọng. Phần mềm chỉ là hỗ trợ làm cho nkhô cứng hơn với tiết kiệm công sức hơn. Cách nghĩ bên trên tất cả lẽ sẽ cần phải được lật lại trong trường hợp này.

*
vắt đổi các yếu tố color sắc, style đồng loạt là một kiểu tư duy lập trình. Nguồn ảnh: Figma.

Với một chuỗi công việc mà sự trộn trộn ý tưởng với thực thi diễn ra liên tục như UI Design, “công cụ” như Figma giỏi Photoshop thật ra nó đóng một mục đích cao cấp hơn một công cụ đơn thuần. Nó đề xuất được xem như một “ngôn ngữ thiết kế”.

Bạn cần sử dụng nó để có tác dụng, để xây dựng với để tư duy, và nó ảnh hưởng ngược lại bạn vào phương pháp bạn hình dung với tìm kiếm giải pháp. Bạn sử dụng chủ yếu thứ ngôn ngữ đó để giao tiếp với thứ, với các bạn đồng nghiệp cùng với trải nghiệm người cần sử dụng, vậy thì phải chọn thứ ngôn ngữ như thế nào thông thường nhất giữa tất cả các đối tượng bên trên. Và cũng bởi thế nên Figma

3. Thu hẹp khoảng bí quyết giữa các đầu mối lớn của một project

Designer, Developer, những người đứng vai trò trung gian như Project manager giỏi Account (nếu team bạn làm việc với phía mặt ngoài) cùng cả User … trải qua một hệ thống được xây dựng khôn khéo cùng có chủ đích của Figma sẽ giúp chuyện trao đổi, phối hợp tương tác cùng phản hồi từ tất cả các bên trở phải lập cập và gọn gàng hơn rất nhiều.

Xem thêm: Cách Sử Dụng After Effect Cs6, 50 Bài Hướng Dẫn After Effect Xuất Sắc

*
Khách mặt hàng hoặc Project manager theo dõi và phản hồi trực tiếp trong quá trình làm cho việc. Nguồn ảnh: Figma.

Hãy tưởng tượng ngày xưa ấy bạn đóng gói tất cả các thiết kế, trao cho một trương mục, chạy nlẩn thẩn dặm lịch sự nơi người tiêu dùng, nhận một loạt feedbaông chồng được ghi ra giấy với chuyển về. Hết một nửa trong số ấy là vì khách ko hiểu tính năng ẩn của thiết kế chưa show ra được trên tấm hình jpg. Giờ với Figma, làm việc bạn vừa có tác dụng cách đây 1s bao gồm thể được Đánh Giá cùng phản hồi tức thì trên màn hình hiển thị có tác dụng việc.

*
Các prototype góp mô tả hoạt động của web sau thành phẩm gần gần kề thực tế. .

Hay cầm một chiếc điện thoại và tải thêm ứng dụng Figma Mirror demo ngay trên đó như một app thật đã hoàn thiện những nút ít bấm cùng prototype? Ngày xưa sẽ cần khoảng 2-3 phần mềm và công cụ, giờ thì chỉ cần mỗi Figma design đã trả thiện hơn 70-80% tất cả những khâu.

4. Nuông chiều “sự lười biếng” là một ưu điểm lớn

Một trong những quan điểm nhất cửa hàng qua những giai đoạn cải tiến và phát triển của cả tập thể và từng cá nhân vào team TELOS đó là việc lấy “sự lười biếng tích cực” làm klặng chỉ nam giới. Tìm tòi được Figma, chúng tôi như vớ được mỏ tiến thưởng của sự lười.

*
Cho phxay một nuốm đổi ảnh hưởng toàn bộ những đối tượng tương quan, giúp tăng năng suất. Nguồn ảnh: Figma.

Trung bình một UI Designer sau thời điểm kết thúc ba tuần đào tạo từ khóa học figma để ăn khớp với team với để nắm rõ lối tư duy theo “ngôn ngữ Figma” sẽ cải thiện gấp 4-5 lần hiệu suất công việc, nếu đem so với thiết yếu họ của thời kỳ sử dụng phần mềm thiết kế phổ biến chung như Photocửa hàng. Chưa kể, nếu vận dung chính xác với có một sự chuẩn bị sẵn, việc chỉnh sửa đồng loạt sẽ lại càng tiếp kiệm một lượng lớn thời gian mang đến designer.

5′ giành cho Quảng Cáo: Team TELOS đang mở một khóa học tương đối căn bản về Figma, mình sẽ đứng với vai trò phân chia sẻ kiến thức. tin tức cụ thể hơn về khóa học xin mời những bạn vào links này.

Và đặc biệt là nó còn có Ebook tặng kèm rất ư là đầu tư với trung khu huyếtBạn tất cả thể quan tâm: