Ngày hôm nay chúng ta sẽ cùng nhau đi vào tìm hiểu các plugin và công cụ miễn phí dành cho thiết kế, phát triển website nha.
Các Công Cụ Và Tool cho Figma
Chart
Chart là một plugin cho Figma sử dụng dữ liệu thực hoặc dữ liệu ngẫu nhiên để tạo các biểu đồ phổ biến với thiết kế đa dạng. Biểu đồ hỗ trợ các dữ liệu được láy từ Excel, Numbers, Google Trang tính, JSON (API REST), tệp CSV...
A11y - Color Contrast Checker
Plugin này giúp bạn kiểm tra tỷ lệ tương phản màu của tất cả văn bản hiển thị trong website và đảm bảo người dùng có thể đọc được văn bản của bạn bằng cách tuân thủ các tiêu chuẩn của WCAG.
LilGrid
Nó giúp bạn sắp xếp các phần tử một cách tự động dưới dạng grid.
Rename It
Giữ các tệp Figma của bạn có tổ chức rõ ràng, đổi tên hàng loạt các lớp layer và frames.
Autoflow
Autoflow giúp bạn dễ dàng vẽ các luồng cho các đối tượng. Chỉ cần chọn 2 đối tượng và một đường thẳng sẽ được vẽ một cách kỳ diệu giữa chúng.
Unsplash
Cho phép bạn chèn các hình ảnh đẹp từ Unsplash vào thiết kế của tệp Figma.
Iconify
Giúp bạn chèn các biểu tượng Material Design, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji và nhiều biểu tượng khác vào tài liệu Figma dưới dạng hình vector.
Figma to HTML, CSS, React...
Giúp bạn chuyển đổi các thiết kế Figma sang HTML, CSS, React, Vue v.v.
Font Preview
Giúp bạn so sánh và xem các font hiển thị đối với nội dung trong tệp Figma. Ngoài ra nó còn có một số tính năng khác như là lưu trữ các font yêu thích, tính năng lọc và tìm kiếm...
Mockuuups Studio
Giúp bạn tạo các bản mô hình sản phẩm thiết kế figma trên nhiều loại thiết bị phổ biến hiện nay để tăng mức độ trực quan và đẹp mắt cho tệp figma.
Breakpoints
Xem trước bố cục đáp ứng bên trong Figma frame và chia sẻ hiệu ứng animation.
Mapsicle
Cho phép bạn có thể nhanh chóng cài đặt bản đồ cho tệp figma. Ngoài ra nó còn có chức năng di chuyển đến vị trí bất kỳ đâu mà bạn muốn hay tìm kiếm các địa điểm ở bất kỳ đâu trên thế giới.
uiGradients
Cung cấp hơn 350 mẫu gradient cho văn bản, frames, group... trong file thiết kế.
Blush
Tạo và tùy chỉnh các hình minh họa trong thiết kế của bạn với Blush.
Content Reel
Content Reel cho phép bạn tạo nội dung tùy chỉnh và chia sẻ nó với những người dùng Figma khác.
Figmotion
Nó là một công cụ tạo hiệu ứng animation ngay trong thiết kế file figma mà không cần phải chuyển sang các công cụ tạo chuyển động khác nhau như Principle, Haiku hoặc After Effects
Dark Mode Magic
Giúp bạn chuyển đổi thiết kế dễ dàng sang dark mode.
Figmoji
Thêm biểu tượng cảm xúc một cách liền mạch vào thiết kế của bạn.
Isometric
Isometric cho phép bạn tạo các isometric layers mà không cần phải thiết lập chúng theo cách thủ công.
Design Lint
Design Lint là một plugin mã nguồn mở giúp tìm kiếm các kiểu còn thiếu trong các thiết kế của bạn.
BeatFlyer Lite
Tạo hiệu ứng animation cho các layer của bạn một cách độc lập và có thể kết hợp nhiều hiệu ứng tùy thích trong số hàng chục hiệu ứng có sẵn.
Icon Resizer
Giúp bạn điều chỉnh các icon trong file thiết kế có cùng kích thước tiêu chuẩn.
Wireframe
Là nơi tổng hợp các mẫu wireframe đẹp mắt dành cho thiết kế figma của bạn.
Palette
Palette giúp bạn tạo bảng màu hoàn hảo thông qua machine learning từ Colormind.
Blobs
Giúp bạn tạo organic blob shapes cho file thiết kế.
Lorem ipsum
Giúp chúng ta tạo các nội dung lorem ispum cho text layer.
SPELLL
Plugin này cung cấp cho Figma & FigJam chức năng kiểm tra chính tả tương tự như của Google Docs.
Fig3D
Chuyển đổi ngay lập tức các hình dạng, biểu tượng, biểu trưng và thiết kế giao diện người dùng của bạn sang mô hình 3D và có được kết xuất tốt.
Image Palette
Trích xuất một bảng màu gồm 5 màu khác nhau từ các hình ảnh đã chọn.
LottieFiles
Giúp bạn tạo và thêm các hiệu ứng animation lottie cho thiết kế figma.
Google Sheets Sync
Đồng bộ hóa nội dung từ Google Trang tính trực tiếp vào tệp Figma của bạn.
Style Organizer
Giúp bạn hiển thị và tổ chức cho các kiểu màu sắc, text layer trong file thiết kế.
Responsify
Một plugin Figma để nhanh chóng kiểm tra các thiết kế của bạn trên nhiều kích thước thiết bị.
Morph
Giúp bạn tạo các hiệu ứng đẹp mắt hay được sử dụng trong website như Skeuomorph, Neon, Glitch, Reflection, Glass, Gradient...
Brandfetch
Giúp chúng ta tạo và thiết kế các nhãn hiệu, logo cho công ty, website, thương hiệu cá nhân...
Clean Document
Tự động sắp xếp và dọn dẹp tài liệu Figma của bạn.
User Profilet
Cung cấp các hình ảnh avatars đẹp cho tài liệu Figma của bạn.
Color Palettes
Cung cấp các bảng màu đẹp mắt cho thiết kế của bạn.
arc
Giúp bạn tạo các hiệu ứng uốn lượn cho text layer trong Figma.
Pattern Hero
Pattern Hero cho phép bạn đặt các phần tử hoặc frames đã chọn vào lưới để tạo các patterns.
Emailify HTML Email Builder
Thiết kế và xuất các email HTML đáp ứng, sẵn sàng sản xuất từ Figma.
Wave & Сurve
Giúp chúng ta dễ dàng tạo ra các hiệu ứng wave thú vị cho file thiết kế.
Table Generator
Plugin cung cấp các tùy chọn tùy chỉnh có thể được định cấu hình để xác định trước các kiểu ô trong bảng
Feather Icons
Giúp bạn sử dụng các biểu tượng Feather trong Figma.
Remove BG
Giúp bạn tự động xóa nền của hình ảnh chỉ với một cú nhấp chuột.
Vectary 3D Elements
Plugin Vectary 3D cho tạo và tuỳ chỉnh mô hình 3D dự trên các thiết kế 2D của bạn.
HtmlGenerator
HtmlGenerator kết xuất bất kỳ lựa chọn nào thành HTML tương đương với CSS với tốc độ quá trình chuyển đổi nhanh hơn.
SkewDat
Giúp bạn tạo các đối tượng skew trong figma.
Tổng kết:
Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn các figma plugin hữu ích cho việc phát triển, thiết kế web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!
