Mẫu portfolio Framer: cách designer chọn đúng

Cách chọn mẫu portfolio Framer cho designer: kiểu bố cục, trang dự án dùng CMS, cấu trúc case study, kiểm tra giấy phép và checklist trước khi mua.

Câu hỏi thường gặp

Có mẫu portfolio Framer miễn phí không?

Có. Danh mục portfolio trên Framer Marketplace có cả mẫu miễn phí lẫn mẫu trả phí. Vào thời điểm chúng tôi kiểm tra (tháng 11/2026), Portfolite, Artemis, Palmer và một mẫu tên là Other đều được niêm yết miễn phí. Mẫu miễn phí rất đáng dùng thử, nhưng hãy kiểm tra loại giấy phép và xem các trang dự án có chạy bằng CMS hay không trước khi xây dựng trên đó.

Mẫu portfolio Framer trả phí có giá bao nhiêu?

Giá chênh lệch khá nhiều. Trên Framer Marketplace, chúng tôi thấy My Portfolio giá $20, Minima giá $30 và Format giá $149 (kiểm tra tháng 11/2026). Giá có thể thay đổi nên hãy xác nhận ngay trên trang giới thiệu của mẫu. Lưu ý giá mẫu là khoản riêng, không bao gồm chi phí gói Framer bạn cần để xuất bản.

Làm portfolio có cần dùng CMS không?

Không bắt buộc, nhưng CMS rất hữu ích khi bạn có nhiều hơn vài dự án. Với CMS, mỗi dự án là một mục trong một bộ sưu tập (collection), và một bố cục trang dự án duy nhất sẽ hiển thị tất cả. Nhờ vậy, thêm dự án mới chỉ cần điền các trường thông tin thay vì nhân bản cả trang. Framer giới hạn số collection CMS theo từng gói và các giới hạn này đã thay đổi theo thời gian, vì vậy hãy xem trang giá hiện tại trước khi quyết định.

Các loại giấy phép trên template Framer nghĩa là gì?

Các mẫu trên Marketplace hiển thị loại giấy phép như Limited hoặc Single-Use. Hãy đọc điều khoản ngay trên trang của mẫu, vì điều khoản quyết định bạn được dùng mẫu cho công việc của khách hàng hay chỉ cho một website cá nhân. Nếu định làm portfolio cho người khác, hãy đọc kỹ giấy phép trước khi mua.

Sau này tôi có thể đổi mẫu portfolio Framer sang bố cục khác không?

Một số mẫu được thiết kế để làm được điều này. Chẳng hạn, mẫu miễn phí Other được niêm yết với các bố cục có thể chuyển đổi như lưới (grid), danh sách (list), feed và ảnh toàn khung (full image). Với đa số mẫu khác, đổi bố cục cốt lõi đồng nghĩa với việc dựng lại các phần của trang chủ, nên hãy chọn kiểu bố cục trước, phong cách hình ảnh sau.

Trả lời ngắn gọn: Hãy chọn mẫu portfolio Framer dựa vào cấu trúc, không phải ảnh chụp màn hình. Bạn cần một bố cục phù hợp với số lượng dự án mình có, trang dự án chạy bằng CMS để thêm sản phẩm mới mà không phải nhân bản trang, một bố cục case study có chỗ cho quy trình và kết quả, cùng một giấy phép phù hợp với cách bạn sử dụng. Các mẫu miễn phí như Portfolite, Artemis và Palmer rất phù hợp để thử định dạng; các mẫu trả phí trên Framer Marketplace có giá từ khoảng $20 đến $149 vào thời điểm chúng tôi kiểm tra (tháng 11/2026).

Bắt đầu từ kiểu bố cục

Phần lớn mẫu portfolio cho designer thuộc một trong bốn kiểu trang chủ. Hãy chọn kiểu phù hợp với những dự án bạn thực sự đang có.

Bố cục	Phù hợp nhất với	Cần lưu ý
Lưới ảnh (image grid)	Công việc thiên về hình ảnh: branding, minh họa, nhiếp ảnh, giao diện UI	Khó thể hiện tư duy của bạn; thẻ dự án cần ảnh thumbnail thật tốt
Danh sách văn bản (tiêu đề, năm, vai trò)	Designer có nhiều dự án và tên tuổi vững	Trông trống trải nếu bạn có dưới năm dự án
Feed toàn chiều rộng	Ba đến sáu case study chuyên sâu	Phải cuộn nhiều; mỗi hình ảnh đều cần được trau chuốt kỹ
Cuộn một trang (single-page)	Designer mới vào nghề với hai hoặc ba dự án	Khó mở rộng; không có chỗ cho URL riêng của từng dự án

Một số mẫu cho phép chuyển đổi giữa các kiểu này. Chẳng hạn, mẫu miễn phí Other được niêm yết với các tùy chọn lưới, danh sách, feed và ảnh toàn khung (kiểm tra tháng 11/2026). Nếu mẫu chỉ có một kiểu, hãy chắc chắn đó đúng là kiểu bạn sẽ chọn.

Vì sao trang dự án dùng CMS lại quan trọng

Portfolio thường được cập nhật vài tháng một lần. Nếu mỗi dự án là một trang làm thủ công, việc thêm dự án thứ bảy nghĩa là nhân bản một trang, thay từng hình ảnh và kiểm tra lại khoảng cách. Với trang dự án dùng CMS, mỗi dự án là một mục trong collection và chỉ một bố cục trang duy nhất hiển thị tất cả.

CMS của Framer hỗ trợ các trường tham chiếu (reference field), bao gồm trường đa tham chiếu liên kết một mục với nhiều mục khác. Nhờ đó bạn có thể gắn một dự án với nhiều lĩnh vực hoặc liên kết các dự án liên quan ở cuối case study.

Trước khi mua, hãy mở bản xem trước trực tiếp của mẫu và kiểm tra ba điều:

URL dự án có dạng /work/project-name không? Thường đó là dấu hiệu của trang chi tiết chạy bằng CMS.
Phần mô tả mẫu có nhắc đến CMS không? Chẳng hạn, Artemis được mô tả là có hệ thống dự án sẵn sàng cho CMS.
Bạn có thể lọc theo danh mục mà không phải dựng lại trang không?

Framer giới hạn collection CMS theo gói, và các giới hạn này đã thay đổi trong những bản cập nhật gần đây, vì vậy hãy xem trang giá Framer thay vì dựa vào một bài blog (kể cả bài này). Một portfolio thường cần một collection cho dự án, và collection thứ hai chỉ khi bạn thêm blog hoặc lời chứng thực.

Một trang case study tốt gồm những gì

Mẫu chỉ là cái khung. Nhà tuyển dụng đọc case study rất nhanh, nên bố cục cần giúp bạn dễ dàng điền vào một cấu trúc rõ ràng. Hãy tìm những phần dưới đây, và tự thêm vào nếu mẫu chưa có:

Khối đầu trang: tên dự án, vai trò của bạn, thời gian thực hiện, đội ngũ và kết quả tóm tắt trong một dòng.
Bối cảnh: khách hàng hoặc người dùng là ai và bạn đang giải quyết vấn đề gì, trong hai đến ba câu.
Phần việc của bạn: những gì cá nhân bạn quyết định và thực hiện. Nói cụ thể đâu là phần của bạn, đâu là của cả nhóm.
Quy trình: hai hoặc ba thời điểm then chốt, như một hướng bị loại bỏ, một phát hiện từ nghiên cứu hoặc một ràng buộc, mỗi điểm kèm một hình ảnh.
Sản phẩm cuối cùng: hình ảnh lớn, không bị cắt xén của kết quả đã ra mắt.
Kết quả: điều gì thay đổi sau khi ra mắt. Chỉ đưa vào những con số bạn có thể chứng minh, và nói thẳng khi bạn không có số liệu.
Liên kết đến dự án kế tiếp: một hàng "công việc liên quan" do CMS tạo ra giúp người xem tiếp tục khám phá.

Nếu trang dự án của mẫu chỉ có một ảnh hero và một đoạn văn, bạn sẽ phải vật lộn với nó ở mọi dự án.

Checklist trước khi mua

Hãy sao chép danh sách này và đối chiếu trên bản xem trước trực tiếp, cả trên máy tính lẫn điện thoại của bạn.

`` [ ] Home layout matches my project count (grid, list, feed or single page) [ ] Project pages are CMS-driven, not duplicated pages [ ] Case-study page has room for role, process, visuals and outcome [ ] I can change global colors and fonts in one place [ ] Mobile view: navigation, grid and project pages all work [ ] Contact method fits me (form, email link, booking link) [ ] Page speed feels fine on the preview with large images [ ] License covers my use (personal site vs. client work) [ ] I know which Framer plan I need to publish with a custom domain [ ] Last update date and support/contact from the seller are visible [ ] I can name three projects I would show on day one ``

Miễn phí hay trả phí

Mẫu miễn phí là cách ít rủi ro để làm quen với trình chỉnh sửa và CMS của Framer. Mẫu trả phí thường được trau chuốt hơn: nhiều loại trang hơn, bố cục case study và kiểu dáng toàn cục. Chẳng hạn, Format được niêm yết với kiểu màu sắc và typography toàn cục giúp việc đổi phong cách dễ dàng hơn (kiểm tra tháng 11/2026). Tuy nhiên, trả phí không có nghĩa là tốt hơn cho bạn. Một mẫu $20 với đúng kiểu lưới có thể hơn một mẫu $149 xây quanh kiểu feed mà bạn sẽ không bao giờ dùng.

Hãy đọc cả nhãn giấy phép trên từng mẫu. Chúng tôi thấy Limited ở Portfolite và Artemis, còn Single-Use ở Format và Minima. Nội dung trên trang của mẫu mới là căn cứ quyết định bạn được làm gì, vì vậy hãy đọc trước khi bắt tay xây dựng.

Một cách chọn hợp lý

Viết ra ba dự án mạnh nhất của bạn và xác định chúng thiên về hình ảnh, văn bản hay cả hai.
Chọn kiểu bố cục từ bảng ở trên.
Chọn ra ba mẫu để cân nhắc, ít nhất một mẫu miễn phí.
Chạy checklist trên từng bản xem trước trực tiếp.
Nhân bản mẫu thắng cuộc vào một dự án thử và đưa nội dung thật vào trước khi trả thêm bất kỳ khoản nào ngoài giá mẫu.
Chỉ xuất bản khi mỗi case study có phần mở đầu rõ ràng, vai trò của bạn và một hình ảnh thật ấn tượng.

Nếu bạn không nhất thiết phải dùng Framer

Framer không phải con đường duy nhất. Gói miễn phí của We.Inc cho phép bạn xuất bản tối đa ba website từ các mẫu dựng sẵn, và bộ sưu tập portfolio của chúng tôi có các bố cục như Viktor Portfolio, Max Reed Portfolio và Ochre Artist Portfolio. Nếu bạn thích phong cách tối với hero nổi bật, hãy xem Dark Portfolio Hero; với công việc mang hơi hướng 3D, có 3D Portfolio. Bạn có thể duyệt toàn bộ bộ mẫu portfolio và so sánh cấu trúc theo cùng cách: bố cục, trang dự án, chỗ cho case study.

Nếu bạn muốn mô tả portfolio của mình thay vì bắt đầu từ một mẫu, trình tạo website bằng AI soạn site từ một câu lệnh (prompt) bắt đầu từ gói Starter với giá $20 một tháng. Bạn có thể đăng ký tại đây và thử gói miễn phí trước.

Những lỗi thường gặp cần tránh

Mua vì phần hero. Màn hình đầu tiên là phần dễ thay đổi nhất. Trang dự án mới là phần khó.
Quá nhiều dự án. Hãy chỉ giới thiệu ba đến sáu dự án tốt nhất. Một mẫu có ba mươi ô thẻ trống trải sẽ khiến portfolio nhỏ trông nghèo nàn.
Hình ảnh quá nặng. Hãy nén ảnh trước khi tải lên và kiểm tra tốc độ tải của bản xem trước trên điện thoại.
Bỏ qua giấy phép. Hãy xác nhận giấy phép phù hợp với việc dùng cá nhân hay cho khách hàng trước khi bạn xây dựng.
Không có đường liên hệ. Hãy đảm bảo mẫu đặt một liên kết email hoặc đặt lịch hiển thị rõ ràng trên mọi trang.

Bắt đầu miễn phí · Không cần thẻ tín dụng

Umair Ali Sadaqat

Nhà sáng lập We.Inc

Umair là nhà sáng lập We.Inc. Anh viết về xây dựng website bằng AI, các agency và việc kinh doanh, vận hành một studio web.

Sẵn sàng tạo nên điều tuyệt vời?

Tham gia cùng 15,000+ doanh nghiệp đang dùng We.Inc để ra mắt, phát triển và tự động hóa, tất cả trên một nền tảng.