It's About Time

3 Ways Product Designers Use the Figma agent

Uber, Granola và Atlassian đang triển khai Figma agent để duy trì tốc độ công việc cao mà vẫn đảm bảo chất lượng. Figma agent hoạt động bằng cách tự động kiểm tra design system compliance và phát hiện các vấn đề kỹ thuật như inconsistent spacing hay invalid color tokens. Hệ quả là các team designer có thể tập trung vào creative work thay vì sửa lỗi thủ công, rút ngắn thời gian từ design đến implementation. Điểm đáng học là công cụ này giúp tiết kiệm đến 30% thời gian QC và giảm 60% báo cáo lỗi design system, đáng để các designer và developer cân nhắc tích hợp vào quy trình làm việc.

Tìm hiểu cách các đội tại Uber, Granola và Atlassian sử dụng Figma agent để nâng cao chất lượng và tốc độ công việc thiết kế sản phẩm.

Said Different

Bối cảnh từ bài viết là một tuyển tập hài hước về các lỗi dịch thuật và UI khó hiểu trên nhiều trang web ứng dụng. Nguyên nhân kỹ thuật xuất phát từ việc dịch thuật tự động không chính xác, như trên Dell's Dutch cookie consent page, Euro-Tunnel booking site's German version, và Polish Glovo app button. Hệ quả là người dùng gặp phải các thông báo vô nghĩa như "psychic address" thay vì "physical address" trên eBay. Điều đáng học là ngay cả các công ty lớn như Dell cũng mắc lỗi localization, nhấn mạnh tầm quan trọng của testing UI bằng ngôn ngữ đích trước khi ra mắt.

Bài viết này mang lại tiếng cười và bài học quý về tầm quan trọng của bản địa hóa chất lượng trong sản phẩm công nghệ.

We Need to Talk About How Gross Modern Web Design Has Become (And How We Built an AI to Catch It)

Let me paint a picture I know you’ve experienced recently. You’re trying to book a flight, buy... Tagged with discuss, showdev, webdev, gemini.

What Is Taste?

What Is Taste? Everyone in design talks about taste. It’s meant to separate the good designers from the great ones. I’m an early career designer and the word keeps dogging me. It’s in the …

Scrollpocalypse

Các lập trình viên thường gặp phải những lỗi UI kỳ quặc như bug scrollbar lồng nhau trên TikTok web player hay lỗi drag-and-drop hiển thị thông báo sai trong Word. Nguyên nhân kỹ thuật thường đến từ CSS layout và xử lý sự kiện chuột không chính xác. Hệ quả là trải nghiệm người dùng bị gián đoạn, ví dụ như Southwest Airlines hiển thị thông tin hành lý mâu thuẫn hoặc Stripe hiển thị dấu giao dịch ngắt dòng sai. Những case study như form yes/no khó hiểu của Peloton trên Repowered site là bài học quý giá về tầm quan trọng của QA testing và responsive design.

Lập trình viên nên đọc bài viết này để học từ những lỗi thực tế và tránh những lỗi giao diện dễ mắc phải trong phát triển sản phẩm.

KIRUPA DESIGN SYSTEM

Accepted and rejected examples, Permanent Marker callouts, color roles, shapes, and an illustration brief.