Nếu bạn từng muốn tạo hiệu ứng chuyển dạng shape (morphing) như trong After Effects hay Illustrator, nhưng ngay trong Figma thì plugin Vector Blender chính là trợ thủ cực mạnh dành cho bạn. Đây là plugin giúp bạn tạo ra hàng loạt shape trung gian (intermediate shapes) giữa hai hình bất kỳ, tạo nên chuyển động hình học siêu mượt và tự nhiên.

1. Plugin này là gì? Làm được gì? Dành cho ai?

Plugin Vector Blender là plugin trong Figma cho phép bạn blend hai shape bằng cách tạo ra nhiều trạng thái trung gian, dựa trên kỹ thuật interpolation (nội suy) mọi thuộc tính hình học.

Nó hoạt động như tính năng “Blend Tool” trong Adobe Illustrator, nhưng được tối ưu hóa để hoạt động trực tiếp trong Figma với nhiều loại shape khác nhau.

Bạn có thể blend vị trí, màu sắc, kích thước, góc bo, stroke, thậm chí cả vertex (đỉnh vector), từ đó tạo ra chuỗi hình chuyển tiếp cực kỳ mềm mượt.

Tính năng chính:

Plugin sẽ tự động tạo ra nhiều hình trung gian từ Shape A → Shape B.

  • Tạo từ 2 đến 50+ shape tùy nhu cầu
  • Tự căn khoảng cách đều
  • Tự tính toán các thuộc tính cần chuyển tiếp

Interpolates nhiều thuộc tính hình học

  • Hình chuyển dần vị trí và kích thước theo tỉ lệ mượt.
  • Blend luôn cả góc xoay tạo hiệu ứng chuyển động tự nhiên.
  • Màu tự chuyển từ màu này sang màu khác (tương tự gradient dạng shape).
  • Viền cũng chuyển theo không bị “gãy”.
  • Bo góc thay đổi mượt từ vuông, bo, tròn.
  • Đây là tính năng quan trọng giúp shape morphing mượt y như motion trong Illustrator.

Hỗ trợ nhiều loại shape

Vector Blender hoạt động với:

  • Vector
  • Line
  • Rectangle
  • Polygon
  • Ellipse

Plugin này đặc biệt hữu ích cho:

  • UI/Motion designers tạo animation prototype
  • Illustrators muốn shape biến hóa đẹp
  • Product designers mô tả trạng thái chuyển đổi

Bạn có thể tìm plugin này bằng cách:

  • Tìm “Vector Blender” trên Figma Community,
  • Hoặc truy cập trực tiếp qua link này.

2. Hướng dẫn sử dụng

Bước 1: Chọn shape thứ nhất

Bước 2: Chọn shape thứ hai (không cần group)

Bước 3: Khi plugin báo Indicator xanh, tức là hợp lệ

Bước 4: Chỉnh:

  • Số lượng shape trung gian
  • Layer order

Bước 5: Nhấn Generate → plugin tạo ra chuỗi shape mượt hoàn chỉnh

Mẹo nhỏ:

  • Blend ít shape để tạo hiệu ứng gọn
  • Blend kèm màu để hiệu ứng sống động
  • Sử dụng Corner Radius khác nhau
  • Nên chọn hai shape có số đỉnh tương đồng

3. Kết luận

Vector Blender là công cụ mạnh mẽ cho mọi designer muốn đưa yếu tố chuyển động vào trong Figma mà không phụ thuộc vào phần mềm khác.

Từ UI animation, icon morphing, illustration đến các hiệu ứng sáng tạo plugin này giúp bạn tạo ra những chuỗi chuyển dạng đẹp, mượt và cực kỳ dễ làm.

Nếu bạn thích motion, vector hoặc muốn thiết kế “sống” hơn, thì Vector Blender là plugin nên cài ngay trong Figma Toolkit của bạn.