Frontender

Frontender là plugin Figma hoạt động như một lập trình viên junior cá nhân, được thiết kế để tăng tốc quy trình front-end.

Tính năng và đặc điểm chính

1. Chuyển thiết kế thành mã: chọn bất kỳ layer nào trong Figma và Frontender sẽ chuyển layer đó thành mã front-end.
2. Không phụ thuộc vào Auto Layout: không cần Auto Layout hay layer được sắp xếp gọn gàng; công cụ vẫn xác định thứ tự, cấu trúc phân cấp và ý nghĩa ngay cả trong các tệp lộn xộn.
3. Thành thạo CSS và Tailwind: hiểu rõ CSS và Tailwind, có thể dùng giá trị tùy ý hoặc tìm giá trị gần nhất trong cấu hình.
4. Hỗ trợ cấu hình tùy chỉnh: dán cấu hình Tailwind tùy chỉnh để tạo mã sẵn sàng cho môi trường production bằng các class tùy chỉnh.
5. Nhiều định dạng đầu ra: Only CSS, Only CSS-in-JS, Only Tailwind, HTML with CSS, HTML with Tailwind, JSX with CSS-in-JS và JSX with Tailwind.
6. Tương thích với framework: hoạt động với các framework như Next và React (JSX), Vue và Svelte (HTML).

Mô hình giá và chi phí

Không cần tài khoản và miễn phí vĩnh viễn. Bạn được cung cấp 15 lần chuyển đổi miễn phí mỗi tháng.

Cách sử dụng

Dùng thử ngay trong Figma mà không cần tạo tài khoản. Chọn một layer và nhận mã.