Graphite: Trình chỉnh sửa Vector mã nguồn mở với Node Graph

Graphite: Trình chỉnh sửa Vector mã nguồn mở với Node Graph

Đây là một trình chỉnh sửa vector mã nguồn mở (open-source) được xây dựng hoàn toàn trên nền tảng đồ thị node thủ tục (procedural node graph). Nói một cách dễ hiểu theo ngôn ngữ designer, mọi thao tác thiết kế ở đây đều là không phá hủy (non-destructive) và anh em luôn có thể quay lại chỉnh sửa, bóc tách mọi thứ từ đầu đến cuối một cách cực kỳ dễ dàng.

Đội ngũ Graphite Labs đã tạo ra công cụ này xoay quanh một tư duy cấu trúc cực kỳ đồng nhất: từ việc tô màu, làm mờ (blur) cho đến các bước biến đổi hình khối (transform) — tất cả đều tồn tại dưới dạng một node trực quan trong hệ thống đồ thị. Không có bất kỳ hiệu ứng nào bị "nướng" cố định (baked) vào hình ảnh cả. Để minh họa cho sức mạnh này, bản demo Mandelbrot của hãng sẽ làm anh em trầm trồ khi cho phép phóng to vô hạn, kết hợp tô màu nhiễu (noise texture fill) và render mượt mà ngay trong trình duyệt mà không cần đến máy chủ hỗ trợ.

Một bản demo khác tên là painted-dreams thì mang đến một bức tranh phong cảnh ấn tượng nhưng lại không dùng đến bất kỳ nét cọ vẽ thông thường nào. Tất cả đều là sản phẩm của việc xử lý tổng hợp (compositing) dựa trên các node, xóa nhòa ranh giới giữa ảnh vector và ảnh raster (pixel). Việc một công cụ open-source làm được tất cả những điều này trực tiếp trên trình duyệt là minh chứng rõ nhất cho tham vọng lớn của dự án. Không dừng lại ở việc vẽ icon hay logo đơn giản, Graphite còn cân được cả bố cục tạp chí với các dòng văn bản chảy qua nhiều cột (multi-column text flow), sẵn sàng cho những project dàn trang phức tạp.

Giao diện thân quen như Figma nhưng ẩn chứa Node Graph bên dưới

Khi mới mở Graphite lên, anh em sẽ thấy giao diện của em nó mang lại cảm giác cực kỳ thân thuộc. Vẫn là giao diện tối (dark theme) chuẩn chỉ, thanh công cụ nằm dọc bên trái và vùng làm việc (canvas) chiếm trọn trung tâm — nhìn qua là thấy gần gũi với Figma liền, giúp tụi mình làm quen và bắt nhịp cực nhanh mà không mất thời gian học lại từ đầu.

Điểm khác biệt ăn tiền nằm ở bảng đồ thị node (node graph panel) được giấu khéo léo ngay phía dưới canvas và có thể thu gọn lại khi không dùng tới. Ở các phần mềm khác, hệ thống node thường là một tính năng nâng cao tùy chọn, nhưng với Graphite, nó chính là chiếc "động cơ" cốt lõi vận hành mọi thao tác thiết kế của bạn. Chưa dừng lại ở đó, trong các phiên bản tương lai, Graphite Labs còn hướng tới việc lấn sân sang mảng xuất bản desktop (dàn trang in ấn), xử lý ảnh raster chuyên sâu và cả làm hoạt hình keyframe nữa. Một công cụ rất đáng để anh em tụi mình theo dõi và trải nghiệm thử đó nha!Xem toàn bộ dự án tại Graphite Labs trên GitHub.

Image 1: open source vector editor Graphite showing Mandelbrot fractal procedural demo
Image 2: open source vector editor Graphite magazine layout demo with multi-column text
Image 3: open source vector editor Graphite painted dreams node-based compositing demo
Image 4: Graphite open source vector editor UI viewport mockup
Image 5: Graphite open source vector editor September 2025 update preview

ADS

Image 6: Graphite: Free Open Source Vector Editor for Procedural Design