Figma: Thiết kế, Nguyên mẫu và Cộng tác trong Toàn Doanh nghiệp

Hình

Trong vài tháng qua, tôi đã giúp phát triển và tích hợp một phiên bản WordPress được tùy chỉnh cao cho khách hàng. Đó là sự cân bằng về kiểu dáng, mở rộng WordPress thông qua các trường tùy chỉnh, loại bài đăng tùy chỉnh, khung thiết kế, chủ đề con và các plugin tùy chỉnh.

Phần khó khăn là tôi đang thực hiện nó từ các mô hình giả đơn giản từ một nền tảng tạo mẫu độc quyền. Mặc dù đây là một nền tảng vững chắc để trực quan hóa và thiết kế, nhưng nó không dễ dàng dịch sang HTML5 và CSS3. Thêm tất cả các lần lặp lại khác và những ngày của tôi khá khó chịu với tiến độ cực kỳ chậm.

Một phần của câu đố là cơ quan thiết kế chỉ cần bàn giao các nguyên mẫu, mà không cung cấp bất kỳ loại biểu định kiểu chính nào… vì vậy chúng tôi đang làm việc để hoàn thành điều đó bằng cách xuất các nguyên mẫu sang khí cầu, và sau đó dịch CSS sang WordPress. Số lượng các bước cần thiết và khoảng cách giữa các nền tảng làm cho nó trở thành một quá trình khó khăn. Chưa kể đến việc cố gắng đơn giản hóa sự phức tạp về tốc độ và khả năng mở rộng

Hình

Hình tập trung phần lớn công việc này với một nền tảng cho phép thiết kế, phản hồi và cộng tác xuyên suốt từng thành viên trong nhóm của bạn, bao gồm:

  • Nhà thiết kế - Cộng tác trong ngữ cảnh và trong thời gian thực. Không bao giờ lo lắng về việc các tệp của bạn bị lỗi thời hoặc ghi đè lên công việc của nhau.
  • Các bên liên quan - Gửi liên kết để thu thập phản hồi, nhận yêu cầu thay đổi và cho phép các bên liên quan thực hiện cập nhật bản sao trong thiết kế của bạn.
  • Các nhà phát triển - Các kỹ sư luôn có quyền truy cập vào nguồn chân lý hiện tại và có thể kiểm tra các yếu tố, xuất nội dung và sao chép mã.

Figma có một số tính năng độc đáo:

  • Hoạt động Boolean - Với bốn công thức: liên hợp, trừ, giao nhau và loại trừ, bạn có thể kết hợp bất kỳ tập hợp lớp hình dạng nào với độ chính xác.
  • Các thành phần - Xây dựng nhanh hơn và nhất quán hơn với các phần tử có thể tái sử dụng và có thể mở rộng trên các tệp của bạn. Truy cập các lớp trong mỗi trường hợp để bạn có thể chỉnh sửa và ghi đè nội tuyến văn bản và hình ảnh một cách trực quan.
  • Những ràng buộc - Chia tỷ lệ thiết kế của bạn để phù hợp với bất kỳ kích thước màn hình nào bằng cách cố định các đối tượng vào khung chính, gắn đối tượng vào lưới hoặc thậm chí bằng cách tạo các thành phần theo tỷ lệ.
  • Khung thiết bị - Trình bày thiết kế của bạn trong môi trường thích hợp. Bạn thậm chí có thể chọn giữa chế độ dọc và ngang.
  • Tương tác - Làm cho nguyên mẫu của bạn trở nên sống động bằng cách xác định các tương tác khi nhấp, khi di chuột, khi nhấn và hơn thế nữa.
  • Lớp phủ - Với định vị tương đối và thủ công, bạn có toàn quyền kiểm soát vị trí và cách lớp phủ xuất hiện.
  • Pixel-perfect - Chỉnh sửa tương tác 60 khung hình / giây mang đến cho bạn các bản xem trước và xuất siêu sắc nét, hoàn hảo từng pixel.
  • prototyping - Nhanh chóng xây dựng luồng bằng cách kết nối các màn hình và thêm vào các yếu tố như tương tác, chuyển tiếp, lớp phủ, v.v. Thay vì đồng bộ hóa với các công cụ khác, chỉ cần chia sẻ một URL để nhận phản hồi.
  • Thiết kế Responsive - Kéo dài bố cục của bạn và xem chúng sẽ phản ứng như thế nào với những thay đổi về kích thước màn hình.

Tạo mẫu đáp ứng

  • Di chuyển - Cho phép cuộn ngang, dọc hoặc bất kỳ hướng nào trong các hình dạng riêng lẻ hoặc toàn bộ khung chính.
  • Phong cách - Đồng bộ hóa màu sắc, văn bản, lưới và hiệu ứng trên tất cả các dự án của bạn. Duy trì ít kiểu văn bản hơn và căn chỉnh thiết kế của bạn trên các thiết bị khác nhau với kiểu lưới độc đáo của Figma.
  • Thư viện nhóm - Chia sẻ các thành phần và kiểu trong Figma — không cần ổ đĩa chia sẻ hoặc các công cụ bổ sung. Bạn và nhóm của mình kiểm soát cách thức và thời điểm triển khai các thay đổi bằng quy trình xuất bản đơn giản.
  • Mạng vector - Figma đã tạo ra công cụ bút trở nên trực quan hơn, cho phép thao tác trực tiếp trong khi vẫn duy trì khả năng tương thích ngược với các đường dẫn.

Trong doanh nghiệp khách hàng, Figma có thể thúc đẩy tính nhất quán, hiệu quả và bảo mật trên quy mô lớn. Nền tảng này cho phép khách hàng doanh nghiệp dễ dàng quản lý hệ thống thiết kế với thư viện nhóm và khả năng tải lên và chia sẻ phông chữ tùy chỉnh trong tổ chức của bạn. Đăng nhập một lần, kiểm soát truy cập và nhật ký hoạt động được bao gồm.

Bắt đầu với Figma

Figma có nhiều lựa chọn hướng dẫn mà họ duy trì trên kênh Youtube, đây là video Bắt đầu:

Hình cung cấp cho các nhà phát triển khả năng kiểm tra, sao chép, xuất nội dung và sao chép CSS trực tiếp từ tệp thiết kế. Bạn cũng có thể kích hoạt quy trình công việc hiện tại của mình bằng các tích hợp, bao gồm khí cầu, Avocode, Jira, Dropbox, ProtoPieNguyên tắc dành cho Mac. Họ cũng có một API mạnh mẽ.

Dùng thử Figma miễn phí

Bạn nghĩ gì?

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.