Đang tải bảng tin…
The Next Web00 bình luận4 phút đọc
Figma adds code layers to the canvas and lets users build custom AI plugins at Config 2026
Figma unveiled several major updates at its Config 2026 conference. The headline feature is code layers, which brings executable code directly onto the collaborative design canvas, allowing teams to clone repos and extract flows from code into design layers. The feature is backed by React and supports npm packages including motion and 3D libraries. Other announcements include native animation and 3D transform support, AI-generated shader effects, prompt-based custom plugin creation, and new AI skills for Figma's design assistant that can connect to external tools like Notion, GitHub, and Excel. Figma also deepened integration with Figma Weave (from its Weavy acquisition). The updates come as Figma faces competitive pressure from AI coding tools like OpenAI Codex, Canva's AI model, Adobe Firefly, and Google Pics, with its stock down ~79% since its July 2025 IPO.
Nguồn: https://thenextweb.com/news/figma-config-code-layers-ai-skills-plugins-animations. 8sync News chỉ tóm tắt và dẫn link; bản quyền nội dung thuộc tác giả và nguồn gốc.
Đề xuất cho bạn
The T-Shaped Dev1467 phútAI
You're Using React Compound Components Wrong
Hầu hết hướng dẫn về React compound components đều dùng ví dụ <Select>/<Option> không phù hợp, vì pattern này chỉ tối ưu cho layout linh hoạt với nội dung tĩnh (tabs, cards), chứ không phải danh sách dữ liệu động. Khi dữ liệu đến từ API, sử dụng props API đơn giản hơn, type-safe hơn, và dễ xử lý sắp xếp/lọc/ảo hóa.
Lập trình viên nên đọc bài này để tránh nhầm lẫn giữa mô hình Compound Components—dành cho giao diện layout tĩnh—với trường hợp sử dụng cho danh sách dữ liệu động, từ đó tối ưu hóa code, tránh lỗi type safety và áp dụng đúng nguyên tắc thiết kế React hiệu quả.
