copy-figma-css: Một tiện ích sao chép CSS Figma tiện lợi
copy-figma-css là một tiện ích mở rộng Chrome được phát triển bởi gnauhca cung cấp một cách tiện lợi để sao chép CSS từ Figma. Bằng cách kích hoạt tiện ích mở rộng này và kích hoạt tab kiểm tra trong tệp Figma, người dùng có thể tự động sao chép CSS theo các quy tắc mà họ đặt sau khi chọn bất kỳ node nào.
Với copy-figma-css, người dùng có thể tận hưởng các tính năng sau:
- Tự động sao chép CSS từ Figma
- Lọc bỏ những comment không cần thiết và các thuộc tính không mong muốn
- Thiết lập mức tỷ lệ và đơn vị tùy chỉnh cho các số
- Tùy chỉnh các quy tắc thay thế
- Thay thế giá trị bằng biến CSS/LESS/SASS
- Cấu hình khác nhau cho các dự án khác nhau
Để sử dụng copy-figma-css, chỉ cần cài đặt tiện ích và ghim nó vào thanh tiện ích mở rộng. Sau đó, mở hoặc làm mới tệp Figma, kích hoạt tab "inspect" và chọn phần tử để tự động sao chép CSS vào clipboard dựa trên các quy tắc đã đặt. Ngay cả việc sao chép CSS bằng tay cũng sẽ được tiện ích xử lý.
Vui lòng lưu ý rằng nếu trình duyệt yêu cầu cho phép đọc clipboard, hãy nhấp vào "Cho phép" để cấp quyền truy cập, vì tiện ích chỉ đọc mã CSS.
Tổng thể, copy-figma-css là một công cụ quý giá cho các nhà thiết kế và nhà phát triển làm việc với Figma, giúp tối ưu quá trình sao chép CSS và tăng năng suất làm việc.
