#design-tools

Try these 5 Weave tools—and share your own

Community publishing is now live for Weave tools. Here are a few tools that stand out, from turning a moodboard into a realistic room mockup to previewing your next nail set.

Building Depth: Designing and Developing a 3D Renderer Inside Figma

Bối cảnh của Depth là việc xây dựng một 3D renderer ngay bên trong Figma - một công cụ thiết kế 2D truyền thống. Nguyên nhân kỹ thuật đằng sau dự án là lợi dụng Figma plugin API và WebGL để tạo ra môi trường 3D tương tác. Hệ quả là tạo ra một công nghệ cho phép designer tạo và chỉnh sửa 3D object trực tiếp trên interface Figma mà không cần chuyển sang phần mềm chuyên dụng. Điều đáng học hỏi là cách họ xử lý performance optimization bằng cách sử dụng requestAnimationFrame và implement virtualized rendering pipeline để duy trì 60fps trên các scene phức tạp.

Bài viết này giúp lập trình viên hiểu cách triển khai một bộ kết xuất 3D bên trong Figma và thiết kế website để khám phá khả năng của công cụ này.

I stopped opening Figma, Obsidian Canvas, and Miro after finding this free Adobe tool nobody talks about

The ultimate tool for visual thinkers

I ditched my $30/month Illustrator subscription for Inkscape, and my icon workflows got faster

This free tool works just as well.

Google’s answer to Canva is an AI tool where you prompt instead of design

With Google Pics, Google is pushing deeper into the creative software market dominated by Canva and Adobe, but with a distinctly AI-first approach.

max sizing, and much more: What’s new in Stacks? · Sketch Blog

Bản phát hành Sketch Florence mang lại nhiều cải tiến lớn cho công cụ Stacks. Các tính năng mới bao gồm hỗ trợ min/max và relative sizing, cho phép đặt kích thước tối thiểu/tối đa và dựa trên tỷ lệ, cùng với negative gaps để kéo chồng lớp và thay đổi thứ tự lớp (layering order). Những thay đổi này giúp người dùng tạo ra bố cục linh hoạt hơn, giảm nhu cầu sử dụng các lớp lót hoặc các plugin bên ngoài để đạt được khoảng cách âm và kích thước phản ứng. Khi thiết kế giao diện, việc kết hợp min/max sizing với relative sizing và negative gaps cho phép kiểm soát chính xác về khoảng cách và kích thước mà không cần viết mã tùy chỉnh, vì vậy nên thử nghiệm các tùy chọn này trong Stacks để tối ưu hoá quy trình làm việc. Ngoài ra, các cải tiến nhỏ khác trong bản Florence cũng nâng cao ổn định và hiệu suất, nên cập nhật để tận dụng đầy đủ lợi ích.

Để nắm bắt cách tối ưu hoá bố cục bằng các tính năng mới của Stacks trong Sketch.

9 dead‑simple open‑source tools that replace the entire Adobe suite

Tác giả đã thay thế toàn bộ Adobe Creative Cloud bằng 9 công cụ mã nguồn mở miễn phí, thân thiện với người mới bắt đầu.

Những công cụ miễn phí này giúp lập trình viên tiết kiệm thời gian và chi phí khi tạo, chỉnh sửa hình ảnh, video, hoặc thiết kế UI/UX mà không cần phụ thuộc vào phần mềm đóng cửa như Adobe, đồng thời vẫn đảm bảo chất lượng chuyên nghiệp.

I replaced Canva, Adobe, and PowerPoint with a tool that's been hiding in plain sight, and it does everything they charge for

Người viết đã thay thế Canva, Adobe và PowerPoint bằng một công cụ tích hợp 13 tính năng, giúp thực hiện mọi tác vụ thiết kế và thuyết trình mà không cần đến các phần mềm trả phí.

Lập trình viên nên đọc bài này vì nó tiết lộ cách sử dụng Markdown và các công cụ mở rộng như GitHub Markdown, VS Code, hoặc Jupyter Notebook để tạo các tài liệu đa phương tiện, thay thế phần mềm chuyên dụng mà không cần phụ thuộc vào các ứng dụng như Canva hay PowerPoint, tiết kiệm thời gian và chi phí.

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.