Nội dung tiếp thịCông cụ tiếp thị

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

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ính tùy chỉnh cao cho khách hàng. Đó là sự cân bằng hoàn toàn 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à plugin tùy chỉnh.

Phần khó khăn là tôi đang thực hiện nó từ những mô hình đơn giản 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 cho việc trực quan hóa và thiết kế nhưng nó không dễ dàng chuyển sang HTML5CSS3. Thêm tất cả các lần lặp lại khác, và ngày của tôi trở nên khá khó chịu vì 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, sau đó dịch CSS cho chúng ta con chủ đề biểu định kiểu trong WordPress. Số bước cần thiết và khoảng cách giữa các nền tảng khiến quá trình này trở nên 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 cung cấp các công cụ thiết kế mạnh mẽ với khả năng cộng tác nhiều người chơi, cho phép các nhóm khám phá ý tưởng đồng thời thu thập phản hồi chất lượng trong thời gian thực.

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 bối cảnh và trong thời gian thực. Đừng bao giờ lo lắng về việc các tập tin của bạn bị lỗi thời hoặc ghi đè lên tác phẩm 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.
  • Nhà phát triển: Các kỹ sư luôn có quyền truy cập vào nguồn sự thật hiện tại và có thể kiểm tra các phần tử, xuất tài sản 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: hợp, trừ, giao 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 một cách 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ể sử dụng lại và có thể mở rộng trên các tệp của bạn. Truy cập các lớp trong từng trường hợp để chỉnh sửa và ghi đè trực quan văn bản và hình ảnh cùng dòng.
  • 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 có tỷ lệ.
  • Khung thiết bị: Trình bày thiết kế của bạn trong môi trường phù 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 chuột, khi di chuột, khi nhấn, v.v.
  • 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 thức lớp phủ xuất hiện.
  • Sự hoàn hảo của pixel: Chỉnh sửa tương tác 60 khung hình/giây mang đến cho bạn bản xem trước và xuất cực kỳ sắc nét, hoàn hảo đến từng pixel.
  • prototyping: Nhanh chóng xây dựng các quy trình bằng cách kết nối các màn hình và thêm vào các phần 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, bạn chỉ cần chia sẻ 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 bằng các 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 bộ nhớ dùng chung hoặc công cụ bổ sung. Bạn và nhóm của bạn 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ự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, Hình 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 cũng như khả năng tải lên và chia sẻ phông chữ tùy chỉnh trong toàn tổ chức của bạn. Dấu hiệu duy nhất trên (SSO), kiểm soát truy cập và nhật ký hoạt động được bao gồm.

Bắt đầu với Figma

Hình có rất nhiều hướng dẫn mà họ duy trì trên Kênh YouTube, đây là video Bắt đầu:

Hình cũng cung cấp cho các nhà phát triển khả năng kiểm tra, sao chép, xuất tài sản và sao chép CSS trực tiếp từ file thiết kế. Bạn cũng có thể kích hoạt quy trình làm việc hiện tại của mình bằng các tiện ích tích hợp, bao gồm khí cầu, Jira, Dropbox, nguyên mẫu

Nguyên tắc cho Mac. Họ cũng có một sức mạnh mạnh mẽ API.

Dùng thử Figma miễn phí

Douglas Karr

Douglas Karr là CMO của mởINSIGHTS và người sáng lập ra Martech Zone. Douglas đã giúp hàng chục công ty khởi nghiệp MarTech thành công, đã hỗ trợ thẩm định hơn 5 tỷ USD trong các thương vụ mua lại và đầu tư của Martech, đồng thời tiếp tục hỗ trợ các công ty triển khai và tự động hóa các chiến lược tiếp thị và bán hàng của họ. Douglas là một chuyên gia và diễn giả về chuyển đổi kỹ thuật số và MarTech được quốc tế công nhận. Douglas cũng là tác giả đã xuất bản sách hướng dẫn của Dummie và sách lãnh đạo doanh nghiệp.

Bài viết liên quan

Back to top
Đóng

Đã phát hiện ra khối quảng cáo

Martech Zone có thể cung cấp cho bạn nội dung này miễn phí vì chúng tôi kiếm tiền từ trang web của mình thông qua doanh thu quảng cáo, liên kết đơn vị liên kết và tài trợ. Chúng tôi sẽ đánh giá cao nếu bạn xóa trình chặn quảng cáo của mình khi bạn xem trang web của chúng tôi.