#design-tools

TypeStax: A type scale generator that feels like vintage audio hardware

TypeStax là công cụ tạo bảng tỷ lệ kiểu chữ (type scale) với giao diện điều khiển analog mô phỏng phần cứng âm thanh cũ, hỗ trợ chỉnh sửa từng yếu tố, tích hợp Google Fonts, xem trước trực tiếp và xuất sang Figma.

Là người phát triển thiết kế UI/UX, bạn có thể khám phá cách TypeStax giúp tạo ra các thang âm kiểu cổ điển cho font chữ, kết hợp với giao diện tương tự máy âm thanh, từ đó nâng cao trải nghiệm thiết kế và tạo ra các dự án đẹp hơn với sự kết hợp giữa kỹ thuật số và cảm giác vật lý.

Figma grew 48% and raised its outlook. The stock fell 16% because of AI costs

Doanh thu Figma tăng 48% và triển vọng được nâng cao, song cổ phiếu giảm 16% do chi phí AI và R&D tăng gấp đôi khiến công ty thua lỗ hoạt động.

Lập trình viên nên đọc bài này để hiểu cách công nghệ AI và đầu tư phát triển (R&D) tác động trực tiếp đến giá trị thị trường công ty, giúp bạn phân tích xu hướng đầu tư và tối ưu hóa chiến lược phát triển sản phẩm trong tương lai.

I paid for Figma, Canva, and Illustrator for one month, and only one of them is worth the subscription

Sau một tháng trải nghiệm ba công cụ Figma, Canva và Adobe Illustrator, tác giả nhận thấy chỉ có một trong số chúng thực sự xứng đáng với khoản phí đăng ký.

Một lập trình viên nên đọc bài này vì nó giúp họ hiểu cách chọn công cụ thiết kế phù hợp nhất với dự án UI/UX thực tế, từ đó tiết kiệm chi phí và nâng cao hiệu quả làm việc.

Start Anywhere, a magazine by Figma

Figma released 'Start Anywhere,' a print magazine launched at Config 2026, covering the evolving design landscape. Key themes include Figma Motion (animation on the canvas), code layers in Figma Design, AI-assisted product building, agentic UI design, design-to-code workflows, and cultivating design taste. The magazine features contributions from Figma's CPO, CDO, engineers, and external collaborators including the Pantone Color Institute and the Gemini Enterprise team. Physical copies are available in the Figma Store.

Config 2026: New materials, new tools and a more expressive canvas

Figma's Config 2026 conference introduced several major platform expansions. Code layers let designers treat code as a design material directly on the canvas, with two-way conversion between design and code. Figma Motion adds a full timeline editor with keyframes, presets, and Dev Mode inspection, exportable as CSS, JSON, React, MP4, WebM, SVG, or GIF. Shader fills and effects can now be generated via the Figma agent using text prompts or image references, with parameterized controls. Generative plugins allow teams to build custom tools by describing behavior in natural language, no API knowledge needed. Figma Weave tools bring node-based generative workflows into the main canvas. The Figma agent now supports Skills, Connectors (Notion, Slack, GitHub, Atlassian, etc.), and shared agent chats for team visibility.

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.

Figma adds code layers, support for animations, more AI features in new update

Figma has announced a major update introducing code layers directly on the collaborative canvas, enabling teams to clone repositories and extract flows from code to design layers. The update also adds native support for animations, transitions, 3D transforms, and shader effects — previously requiring external tools. AI capabilities are expanded with support for generating assets, shader fills, and custom plugins via text prompts. Users can now connect external tools like Notion, GitHub, and Excel to Figma's AI assistant for richer context. Integration with the acquired Weavy node-based workflow tool is also in progress, with in-canvas Weavy workflow generation coming later this year.