“Figma – Cách Mạng Hóa Quy Trình Thiết Kế Và Cộng Tác Trực Tuyến?”

Từ lâu ngành Thiết kế đồ họa đã trở thành một phần không thể tách rời trong mọi doanh nghiệp. Kể từ khi Apple ra mắt máy tính đầu tiên vào năm 1984, các ứng dụng đồ họa như Photoshop và Illustrator đã nhanh chóng được giới thiệu đến thế giới, giúp các nhà thiết kế tạo ra những tác phẩm tuyệt vời.

Qua từng thập kỷ, nghề thiết kế đã trở nên ngày càng đặc biệt và quan trọng trong xã hội hiện nay. Đặc biệt hơn cả, được biết  sự ra đời của Figma, một công cụ đang cách mạng hóa quy trình thiết kế và cộng tác trực tuyến, đã thay đổi cách chúng ta nhìn nhận về những ngành đòi hỏi nhiều “chất xám” so với trước đó

Sẽ thật thiếu sót nếu chúng ta chỉ biết đến Figma mà không biết nó bắt nguồn từ ai phải không? Theo mình tìm hiểu thì phần mềm này có tuổi đời vô cùng non trẻ, từ một cái tên khá xa lạ nhưng hiện nay lại là một tỷ phú công nghệ khi chưa đầy 30 tuổi : Dylan Field

Nếu bạn tự hỏi rằng liệu có ai có thể bỏ học khởi nghiệp và trở thành tỷ phú như Bill Gates không? Vậy hãy nhắc đến cái tên Dylan Field này, đây cũng chính là cha đẻ của công nghệ Figma màu nhiệm này.

Field sống ở Sonoma, California. Điều đặc biệt là anh không phải là một học sinh xuất sắc và thậm chí đã có lúc đứng trước nguy cơ phải nghỉ học. Anh không đậu vào Đại học California-Berkeley và thay vào đó đã theo học tại Đại học Brown. Tuy nhiên, với anh  điều may mắn trong cuộc đời anh chính là việc được học tại Brown.Tại đây, định mệnh giúp anh gặp Evan Wallace và cả hai quyết tâm mở một công ty cùng nhau. Bước ngoặt lớn xảy ra vào năm 2012 khi Field đã nộp đơn xin học bổng do nhà tài chính tỷ phú Peter Thiel điều hành. Học bổng này cung cấp cho các ứng viên 100.000 USD hỗ trợ không ràng buộc nếu họ đồng ý bỏ học đại học để theo đuổi mục tiêu kinh doanh. 

Bất chấp sự ngăn cản của gia đình và những ánh mắt nghi ngại của bạn bè cùng trang lứa, Field đã chọn con đường của chính mình

Và có lẽ chàng thanh niên 23 tuổi năm ấy chỉ đủ tiền mua một cốc cà phê mỗi ngày, núp mình sau cánh gà hội trường học không hề biết rằng chỉ sau 4 năm, kể từ ngày ra mắt Figma năm 2016 anh đã trở thành một tỷ phú. 

Ai có thể ngờ rằng một công ty non trẻ lại được Adobe mua lại với giá 20 tỷ đô la? Tin tức này đã gây sốc không chỉ cho nhà đầu tư mà còn cả công chúng, vì Figma là một cái tên quá non trẻ thậm chí còn chưa 1 có nổi tên trong bản đồ doanh nghiệp thành công tại Silicon dạo ấy. Adobe phải chăng đã trả giá quá cao khi mà ngay lập tức khi khi thương vụ công bố, giá cổ phiếu của Adobe đã giảm 17%. 

Có thể nó sự phát triển của công ty Figma vẫn là một bất ngờ và bí ẩn.Hiện nay, Figma được xem là công cụ độc đáo và dẫn đầu xu hướng cộng tác trực tiếp.

Adobe dự báo Figma sẽ tăng gấp đôi doanh thu định kỳ hàng năm lên 400 triệu USD vào năm 2022. Trong khi đó, Forbes tính toán rằng công ty khởi nghiệp đã tạo ra doanh thu 75 triệu USD vào năm 2020. Vị thế của Figma tăng đều sau các năm, đến 2020 đã chiếm 66% thị phần thiết kế

Dylan Field vẫn đang tìm cách làm quen với vị thế mới của mình. “Tôi không biết, ai đó nói xem”, Field nói khi được hỏi liệu anh đã trở thành người có vai vế tại Thung lũng Silicon hay chưa.

Adobe đã chính thức từ bỏ thương vụ mua lại nền tảng thiết kế đám mây Figma với giá 20 tỷ USD, sau những xung đột về mặt pháp lý với Cơ quan Cạnh tranh và Thị trường Vương quốc Anh (CMA)

Thương vụ thất bại của Adobe gây ra nhiều sự tiếc nuối, tuy nhiên đó có thể là bàn đệm và Figma đứng trong tương lai

Vậy bây giờ bạn hãy cùng mình, tìm hiểu qua Figma để phần nào hiểu sơ lược Figma là gì và lược qua công cụ này giúp người thiết kế này ra sao nhé.

Đầu tiên, cũng như những tài khoản công nghệ nổi tiếng khác của google  Figma áp dụng mô hình kinh doanh freemium, cung cấp các tính năng cơ bản miễn phí và các tính năng cao cấp với phí dịch vụ. Điều này cho phép Figma tiếp cận được nhiều người dùng hơn, từ các cá nhân đến các doanh nghiệp lớn.

Freemium: Người dùng có thể sử dụng Figma miễn phí với các tính năng cơ bản, từ đó tạo ra lượng người dùng lớn và tăng khả năng chuyển đổi sang gói trả phí.

Gói trả phí: Các gói trả phí của Figma cung cấp nhiều tính năng nâng cao hơn, giúp người dùng chuyên nghiệp và doanh nghiệp tối ưu hóa quy trình làm việc

Trong nhiều công ty, các designer phải dùng Mác trong khi developer lại dùng Windows. Sự bất tương thích nhiều lần gây rắc rối cho các designer. Vì điểm này, Figma đã tìm cách giúp cả làm việc dễ dàng. Không cần phải dùng các cổng chuyển đổi các file. Bạn có thể hiểu rằng mình sẽ chẳng cần cân nhắc có phải Macbook hay máy tính bảng nữa, Figma đã điều chỉnh phù hợp cho bất kỳ hệ điều hành nào.

Và thế là các “ông lớn” đều phải ngả mũ trước Figma nhỏ bé. Figma đã làm được điều mà các phần mềm khác chưa thể: xây dựng một công cụ thiết kế tối giản, phục vụ chuyên biệt cho thiết kế giao diện.

Figma đã tạo ra một đế chế mới , người mở đường ra một thế hệ công cụ hiện đại hướng đến việc thiết kế trực tiếp 

Dù đi sau các “ông lớn” trong ngành sáng tạo, nhưng với những người đang tìm kiếm một ứng dụng thiết kế đáp ứng nhu cầu của mình, Figma đã thu hút một lượng đông khán giả bằng cách liên tục thay đổi cho mình những độc đáo và lợi thế riêng. 

Vẫn còn nhớ sau một thời gian kể từ khi thành lập vào năm 2016, khi Figma bắt đầu vào cuộc đua. Một trong những thứ cản trợ người dùng mới khi Figma chưa hỗ trợ tính năng plugin, điều này là một hạn chế đáng kể. Tuy nhiên, vào giữa năm 2019, Figma đã chính thức ra mắt kho plugin riêng của mình và ngạc nhiên là ngay từ ngày đầu tiên, nó đã có một kho plugin đa dạng và phong phú.

Hiện tại, Figma đã có hơn 40+ plugin, bao gồm cả những plugin mà tôi đã dành thời gian thử nghiệm để tìm ra những “vũ khí” tốt nhất phục vụ cho công việc thiết kế sản phẩm hiện tại. Nếu bạn chưa có thời gian để khám phá thì cùng mình thử 7 mục plugin đang nổi trội nhất hiện nay 

Aspects là một plugin nhỏ nhưng hữu ích, giúp điều chỉnh kích thước của các phần tử được chọn để phù hợp với tỷ lệ khung hình cụ thể. Ban đầu, plugin này được tạo ra để làm việc chủ yếu với hình ảnh, nhưng nó cũng hoạt động tốt với bất kỳ loại layer nào. Điểm mạnh nhất của Aspects là khả năng tỷ lệ phù hợp với các tỷ lệ hình ảnh phổ biến mà không làm thay đổi số liệu chiều rộng và chiều cao (W & H). Tuy nhiên, hạn chế của plugin là không hỗ trợ tỷ lệ 1:1 khi thay đổi kích thước.

Nếu Content Reel hỗ trợ tạo ra những nội dung ngẫu nhiên thì Content Buddy lại hỗ trợ tìm kiếm nội dung văn bản và thay thế những nội dung đó. Content Buddy work hầu hết trong các trường hợp như components, frames và group. Ngoài ra bạn có thể kết hợp 2 plugin Content Buddy (CB) và Content Reel (CR) với nhau để việc thay đổi các nội dung văn bản nhanh hơn, dùng CB để chọn các văn bản có nội dung giống nhau sau đấy dùng tiếp CR để thay đổi các nội dung văn bản đó ngẫu nhiên.

Interplay kết nối với bộ design system code của bạn, nó cho phép truy cập và sử dụng component ngay trên Figma. Bạn có thể chỉnh sửa các properties, thay đổi nội dung và kéo thả vào trong canvas của Figma, plugin này có thể không áp dụng cho hệ thống design của bạn nhưng nó đóng một vai trò khá tuyệt vời cho việc tham khảo tạo ra các component như cách tổ chức layer, naming layer. Hiện tại nguồn resource của Interplay khá khiêm tốn chỉ mới có Ant Design và React Bootstrap, hy vọng trong tương lai sẽ có nhiều resource để chúng ta tham khảo được nhiều hơn.

Với những màn hình bắt buộc người dùng phải tương tác với bản đồ, chắc hẳn ai trong chúng ta cũng đã từng lên Googlemap, sau đó tìm kiếm địa điểm rồi chụp hình lại và kéo thả vào trong figma. Với Map maker bạn không cần phải lên google nữa mà chỉ cần thao tác trực tiếp trên Figma là đã có 1 layer cho bản đồ rồi, ngoài ra nó còn hỗ trợ custome bản đồ bằng JSON. Một điểm mình cực kỳ thích Map maker so với Mapsicle là nó có thêm “Show Marker”.

Nếu bạn có nhiều object trong một frame và muốn chọn ra những object liên quan để tiện cho việc chỉnh sửa (ví dụ chọn tất cả các text Title) thì Similayer sẽ giúp bạn thực hiện việc này, chỉ đơn giản là chọn 1 object sau đó chọn các thuộc tính liên quan tới object đó → Bùm bạn đã chọn được hết tất cả object.

Nói về ảnh thì không thể không nhắc tới Unplash – nguồn ảnh miễn phí, đa dạng và đẹp nhất đối với mình. Với Unplash plugin bạn có thể chèn một hình ảnh ngẫu nhiên hoặc hình ảnh với danh mục cụ thể.

Một trong những plugin mới nhất hiện nay của figma đang được kể đến là Figjam. FigJam rất hữu ích trong các buổi họp động não, lập kế hoạch, và thiết kế, giúp tăng cường sự sáng tạo và hiệu quả của đội nhóm.

Nếu ví sự phát triển của công cuộc cách mạng mới của ngành thiết kế là cuộc đua diều. Thì các những công ty công nghệ của phần mềm thiết kế như những người đua diều. Thật sự tự hỏi làm cách nào để diều được bay cao và xa để đến hôm nay khi mà ngành thiết kế đồ họa đã có thể dẫn đầu mọi ngành nghề

Một người giật dây sẽ biết rõ đâu là tốc độ cần thiết, gió thổi từ đâu Có lẽ đó chưa đủ, một người không thể làm cho cuộc chơi thú vị. Chúng ta cần những người đua diều khác làm cho thị trường thêm phần sôi động.

Đó cũng chính là cái cách làm mà  Figma khi hiểu rằng sự kết nối khi làm việc của các cá nhân trong thời đại mới thật sự là vấn đề.

Vẫn còn nhớ đến anh lớn nhà Sketch khi trở nên nổi tiếng và được xem như công cụ thiết kế thay thế cho Photoshop tốt nhất. Các group, community bàn luận sôi nổi về Sketch. Figma lúc bấy giờ rất ít ai quan tâm thậm chí còn bị đánh giá rất thấp, không thể bì so với Sketch nổi tiếng bấy giờ. Những ai từng chối bỏ Figma đã  nhận ra, Figma thực ra là một công cụ đầy tiềm năng .Mọi thứ chỉ có thể sáng tỏa khi đại dịch 2019 xuất hiện. Khi mọi người tìm cách để làm việc mùa dịch, lúc này Figma đã rõ ràng về ưu điểm của chính nó dễ dàng.

Dẫu vậy Cuộc chiến giữa Figma và Sketch là câu chuyện chưa có hồi kết tính tới thời điểm hiện tại. Cả 2 đều có những ưu và nhược điểm của mình, một mạnh về làm việc collaboration và quản lý file nhưng lại không hỗ trợ Plugin; một chiếm ưu thế về sự ổn định và nguồn plugin dồi dào nhưng lại không đa dạng nền tảng (chỉ cho MacOS). Năm 2019 đánh dấu thêm một cuộc đua nữa giữa 2 ông lớn trên, trong lúc Sketch có vẻ “hụt hơi” trong việc làm cho câu chuyện teamwork trở nên dễ dàng thì Figma lại đang “bức tốc” về đích với việc cho ra mắt hàng loạt Plugin khác nhau phục vụ cho nhiều mục đích khác nhau.

Bên cạnh đó,  cả một thế hệ nhà thiết kế lớn lên đều sử dụng Adobe Photoshop để thiết kế, nhưng nó chưa bao giờ được xây dựng dành cho các nhà thiết kế giao diện người dùng. Adobe nhận ra điều này và bắt đầu làm việc từ đầu trên một ứng dụng mới có tên XD. Mặc dù phải mất một thời gian để XD bắt kịp với Sketch về mặt tính năng, nhưng Adobe dường như đã rất coi trọng nó trong năm qua. Có vẻ như cứ vài tuần nso lại được update các chức năng mới nhưng có lẽ vẫn sẽ mất vài năm nữa trước khi nó dần hoàn thiện hơn

Figma đã đóng vai trò quan trọng trong cuộc cách mạng thiết kế hiện nay và đang ngày càng trở thành cuộc đua hấp dẫn hơn. Công ty gần đây đã huy động được 20 triệu USD để bổ sung nhiều tính năng mới, bao gồm phiên bản web của ứng dụng Sketch. Điều thú vị nhất là cách Figma đã áp dụng một tư duy mới từ đầu, thúc đẩy sự phát triển của người dùng như những người cộng tác thực sự, không chỉ đơn thuần là khách hàng.

Có thể nói thành công của Figma từ hôm này đã đến từ những người tham gia cộng đồng cuộc đua mà Figma đã khởi đầu

Điều này cũng được thể hiện trong câu nói của Dylan Field năm 2021: “Toàn bộ nền kinh tế đang trải qua quá trình chuyển đổi số và ngành thiết kế chỉ là một ví dụ mới nhất về điều đó. Bản chất của ngành thiết kế là làm việc nhóm và tinh thần đồng đội.“

Và đó là toàn bộ những thông tin mà mình muốn cung cấp cho bạn về Figma, hy vọng bài viết này bổ ích và giúp bạn có được bài học từ những người đã xây dựng nên nền thiết kế mới trong thời đại trực tuyến

Nguồn kham khảo: