Figma invests in the UK with expanded London office

Figma agent vs. one button: shipping design tokens to npm

Tác giả đã tự động hóa việc release design tokens bằng hai AI agents, tốn sáu phút cho mỗi lần chạy. Trong khi đó, một nút bấm trong plugin đã có từ nhiều năm nay chỉ cần vài giây. Sự khác biệt hiệu suất này cho thấy AI agents không phải lúc nào cũng tối ưu cho tác vụ đơn giản. Bài viết minh họa việc cân nhắc giữa giải pháp tự động hóa phức tạp và giải pháp đơn giản, hiệu quả hơn. Những ai làm việc với design tokens và hệ thống CI/CD có thể rút ra bài học về lựa chọn công cụ phù hợp.

Bài này giúp bạn hiểu được sự cân bằng giữa giải pháp AI tự động và các công cụ đơn giản khi quản lý design tokens trong môi trường phát triển.

The 5 Levels of an AI-Ready Design System

Hầu hết các nhóm đều đánh giá hệ thống thiết kế của mình cao hơn thực tế. Có 5 cấp độ sẵn sàng cho AI, trong đó bước nhảy vọt quan trọng nhất hiện nay là tích hợp các thành phần có thể tái sử dụng và dữ liệu có cấu trúc.

Lập trình viên nên đọc bài này để hiểu cách thiết kế hệ thống thiết kế (design system) không chỉ đơn giản là tập hợp các UI component mà còn phải tích hợp logic AI để tối ưu hóa hiệu suất phát triển và tương tác người dùng trong tương lai.

Source material: Creative technologist Marisa Chentakul is tired of calling things “slop”

Marisa Chentakul, một creative technologist nổi tiếng, đang mệt mỏi với việc gọi mọi thứ là "slop" - thuật ngữ chỉ nội dung chất lượng thấp tràn lan trên mạng. Cô chia sẻ về thiết kế cyberdeck đa năng của mình, không chỉ là công nghệ mà còn kiêm luôn bàn trang điểm makeup để cân bằng giữa sáng tạo công nghệ và nghệ thuật truyền thống. Nguyên nhân kỹ thuật đằng sau thiết kế này là sự kết hợp giữa Raspberry Pi và các module IoT để tạo ra một thiết bị nhỏ gọn nhưng đủ sức mạnh cho nhiều nhiệm vụ. Hệ quả là Marisa đã xây dựng được một không gian sáng tạo cân bằng, nơi công nghệ nghệ thuật (art-tech) và cuộc sống đời thường hòa quyện. Điều đáng học hỏi từ cô là việc đặt những câu hỏi bản chất về bản chất của sáng tạo và công nghệ, như "Điều gì thực sự kích thích sự sáng tạo của tôi?" để tìm ra hướng đi riêng trong lĩnh vực art-tech.

Một lập trình viên nên đọc bài này để học cách cân bằng giữa sáng tạo công nghệ và những hoạt động cá nhân tưởng chừng không liên quan.

Forget Figma and Miro: I turned my Obsidian vault into a whiteboard with one plugin

Tác giả đã biến Obsidian thành whiteboard tương tác bằng plugin Excalidraw, biến thư viện notes thành không gian trực quan. Plugin này cho phép tạo diagram, wireframe và mind map ngay trong Obsidian với hỗ trợ real-time collaboration. Giải pháp khắc phục giới hạn của Figma và Miro khi cần tích hợp trực tiếp với hệ thống knowledge base. Công nghệ này đặc biệt hữu ích cho lập trình viên muốn kết nối documentation với tư duy visual trong một môi trường duy nhất.

Plugin Obsidian biến kho lưu trữ của bạn thành bảng trắng trực quan, giúp lập trình viên dễ dàng hình dung và kết nối ý tưởng.

Locofy.ai: Build frontend 10x faster with design-to-code AI

Locofy.ai là công cụ AI chuyển đổi thiết kế Figma thành code frontend hoàn chỉnh, tập trung vào developer-first với workflow agentic qua CLI, Cursor và Claude Code. Nó đóng vai trò trung gian giữa Figma và các trợ lý coding AI (Cursor/Claude), đảm bảo độ trung thực UI và cấu trúc thiết kế.

Nếu bạn là lập trình viên Frontend muốn tiết kiệm thời gian và đảm bảo tính chính xác của UI từ thiết kế đến mã, Locofy.ai là công cụ AI mới giúp tự động hóa quá trình chuyển đổi từ Figma sang code mà không cần phụ thuộc vào các nhà thiết kế.

Workflow lab: Moving between design and code with agents

Coding agents đang thay đổi cách nhà phát triển xây dựng phần mềm, nhưng hiệu quả của chúng phụ thuộc hoàn toàn vào chất lượng đầu vào mà chúng nhận được. Quy trình công việc này nghiên cứu cách duy trì bối cảnh (context) giúp mã nguồn và thiết kế luôn đồng bộ. Khi bối cảnh bị thiếu hoặc không chính xác, agents sẽ tạo ra mã không khớp với bản thiết kế, gây ra lỗi và cần phải sửa lại nhiều lần. Điều này dẫn đến lãng phí thời gian và giảm độ tin cậy trong quá trình phát triển. Bài học quan trọng là đầu tư vào việc cung cấp thông tin bối cảnh đầy đủ và chính xác cho coding agents để tối ưu hoá luồng việc giữa thiết kế và mã.

Bài này giúp lập trình viên tối ưu hóa quy trình làm việc giữa thiết kế và code bằng cách tận dụng hiệu quả các công cụ AI.

Where should AI go in your UI? A UX guide to AI feature placement

Thiết kế giao diện thường gặp khó khăn khi quyết định vị trí hiển thị tính năng AI vì thiếu hướng dẫn thống nhất, dẫn đến việc các nhóm phát triển đặt tính năng này một cách ngẫu nhiên như trong menu phụ, popup hoặc thanh công cụ riêng. Nguyên nhân kỹ thuật làabsence của một framework оценивания контекстуальной relevance и частоты использования, что заставляет дизайнеров полагаться только на интуицию. В результате пользователи сталкиваются с несогласованным опытом: иногда ИИ-подсказки появляются слишком рано и отвлекают, а иногда их трудно найти, что снижает коэффициент принятия и увеличивает когнитивную нагрузку. Из этого следует, что перед внедрением нужно оценить три фактора: насколько тесно функция связана с текущей задачей пользователя, как часто она будет использоваться и насколько она требует немедленного внимания. Применение такой простой матрицы помогает выбрать оптимальное место — будь то строка автодополнения, боковая панель или плавающая кнопка — и делает взаимодействие с ИИ предсказуемым и полезным.

Bài viết này cung cấp hướng dẫn UX thực tế về việc đặt tính năng AI vào UI đúng vị trí để tối ưu trải nghiệm người dùng.

Workflow lab: From design system to campaign in Figma Weave

This workflow shows you how to turn raw materials into brand campaign collateral using the Gen Effect and Figma nodes in Figma Weave.