Công cụ Webflow & Figma
Tăng tốc quy trình Figma → Webflow: icon, giá trị thiết kế và nội dung, sẵn sàng để dán.
localHTML & CSS sang WebflowDán HTML và CSS, nhấn Copy to Webflow rồi dán vào Designer. Bạn sẽ có Div Block, Heading, Link, Image và…localSVG sang WebflowDán SVG từ Figma và sao chép sang Webflow dưới dạng Custom Elements thật. Mỗi <svg>, <path> và <g> sẽ…localMarkdown sang Webflow Rich TextDán Markdown, xem trước và sao chép dưới dạng rich text có định dạng. Tiêu đề, danh sách, liên kết và chữ…localTạo tên class WebflowMô tả section bằng lời thường, ví dụ “hero có tagline, tiêu đề, hai nút và ảnh bên phải”, rồi nhận cấu…localFigma CSS sang WebflowBiến đầu ra “Copy as CSS” của Figma thành các giá trị gọn gàng, bạn có thể nhập trực tiếp vào Style panel…localTạo Type ScaleChọn cỡ chữ gốc và một tỷ lệ như Minor Third, Major Third, Perfect Fourth hay Golden Ratio, bạn sẽ có bộ…localTạo Nút CSSThiết kế một nút bấm đẹp ở mọi trạng thái. Bắt đầu từ một mẫu có sẵn — solid, outline, ghost, pill,…localXem HTMLDán HTML (và CSS hoặc JavaScript nếu bạn có) để xem trước cách trang hiển thị — ngay lập tức, trong khung…localTạo banner cookieThêm banner đồng ý cookie vào bất kỳ website nào — Webflow, WordPress, Shopify hay HTML thuần — mà không…localTạo mã nhúng videoDán link video từ YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive hoặc…localTạo Mã Nhúng YouTubeDán liên kết YouTube bất kỳ — video, Short hay playlist — và nhận mã nhúng responsive với chế độ bảo mật…localTạo mã nhúng VimeoDán liên kết Vimeo — công khai hoặc unlisted (kèm mã băm quyền riêng tư) — và nhận mã nhúng responsive với…localTrình tạo mã nhúng LoomDán liên kết chia sẻ Loom và nhận ngay mã nhúng responsive cho website, trung tâm trợ giúp, tài liệu kiểu…localTạo mã nhúng Google MapsHiển thị văn phòng, cửa hàng hoặc sự kiện của bạn trên Google Maps mà không cần đăng ký API key. Nhập địa…localTrình tạo đồng hồ đếm ngượcTạo đồng hồ đếm ngược cho đợt ra mắt, khuyến mãi, webinar hoặc sự kiện và nhúng ở bất kỳ đâu — Webflow,…localTìm Icon SVGTìm 70.000+ icon SVG mã nguồn mở — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material và nhiều bộ…localTạo Google Maps APIThiết lập Google Map trực quan: chọn kiểu bản đồ, thêm marker tùy chỉnh với cửa sổ thông tin, bật tìm kiếm…localTrình tạo mã PixelNhập ID của bạn để nhận một đoạn mã cài đặt tracking pixel duy nhất cho Meta, TikTok, LinkedIn, Pinterest,…localCông cụ ánh xạ redirectBạn đang migrate hoặc làm lại website? Dán các URL cũ và mới, hoặc tải trực tiếp từ sitemap. Công cụ sẽ tự…localChuyển hướng WordPress sang WebflowChuyển website từ WordPress sang Webflow sẽ thay đổi hầu hết các URL: đường dẫn bài viết có ngày tháng,…localTạo mã Google TagNhập ID đo lường GA4, ID Google Ads hoặc ID container Tag Manager để nhận mã cài đặt sẵn sàng dán vào…localTrình tạo mã GTMNhập ID container GTM để lấy mã cài đặt Google Tag Manager cho <head> và <body>, kèm các mặc định Consent…localTạo Script Theo Dõi Sự KiệnTheo dõi click nút, liên kết và gửi form bằng cách thêm attributes thay vì viết code:…localMẫu nút CSSChọn một trong 24 nút CSS có hiệu ứng động: nền đổ màu, viền chạy, phát sáng, lấp lánh và nút 3D lún…localIcon menu hamburgerChọn từ 16 menu hamburger có hoạt ảnh biến thành dấu X, mũi tên hoặc dấu trừ. Đặt kích thước, độ dày, màu…localBộ chọn màuChọn bất kỳ màu nào, hoặc lấy màu từ màn hình, rồi sao chép dưới dạng HEX, RGB, HSL hoặc OKLCH. Xem các…localKiểm tra lỗi tên classDán HTML hoặc nhập URL để kiểm tra mọi tên class: bắt lỗi chính tả như hero_heding, class viết khác nhau…localCầu nối Clipboard WebflowWebflow đưa element lên clipboard theo một định dạng đặc biệt không đi qua được giữa các trình duyệt…localTrình chỉnh sửa Component WebflowDi chuyển section và component giữa các dự án Webflow và chỉnh sửa ngay trên đường đi. Sao chép phần tử…localHTML sang Webflow Rich TextDán HTML lộn xộn từ website cũ, file xuất WordPress, Google Docs hoặc Word, rồi nhận lại mã ngữ nghĩa sạch…localTối ưu JSON LottieGiúp hoạt ảnh Lottie tải nhanh hơn trong Webflow và mọi website bằng cách loại bỏ dữ liệu mà trình phát…localTrình tạo WebfontBiến font desktop thành webfont nhanh: chuyển sang WOFF2 và WOFF, chỉ giữ các ký tự bạn cần và tải về mọi…localChuyển TTF sang WOFF2Chuyển TTF sang WOFF2, định dạng font nhỏ gọn nhất cho website. Kéo thả file, chuyển đổi và tải về. Cần…localChuyển OTF sang WOFF2Chuyển OTF sang WOFF2 để dùng cho website của bạn. Kéo thả file, chuyển đổi và tải về. Cần CSS hoặc muốn…localFont SubsetterLàm font nhẹ hơn đáng kể bằng cách xóa những ký tự bạn không dùng. Chọn bộ ngôn ngữ hoặc nhập danh sách…
Thiếu công cụ Webflow?
Cho chúng tôi biết bạn cần gì — chúng tôi ưu tiên làm các công cụ được yêu cầu nhiều nhất, và hoàn toàn miễn phí.