5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T1281,

Seamless Client Handoff in Framer

You have finished the design, the client is happy, and the site is ready to go live. But how do you actually give it to them?

For many designers, the "handoff" is the most stressful part of the project. Do you send a Remix link? Do you ask for their credit card? What if they break the design?

A professional handoff process is what separates a freelancer from a business partner. In this guide, we will walk through the exact checklist to ensure your client receives a polished product and you get paid without headaches.

Step 1: The Pre-Flight Check

Before you invite the client, you need to ensure the "back of house" is just as clean as the front.

Remove Unused Assets: Go to the Assets panel. If you have 5 versions of the logo or unused stock photos, delete them.
Check Styles: Ensure your Text and Color styles are organized. If a client needs to change a color later, they shouldn't have to hunt through messy hex codes.
Title & Meta: Go to Site Settings > General. Ensure the Site Title and Description are written for Google, not for you (e.g., "Client Name - Home" instead of "Client_Final_v3").

Step 2: Social & Sharing Images

This is the detail that clients notice immediately. When they share their new site on LinkedIn or iMessage, what shows up?

Go to Site Settings > General.
Upload a Favicon (the small icon in the browser tab).
Upload a Social Image (Open Graph). This is the image that appears when the link is shared.
If you don't set this, Framer will show a default logo, which looks unfinished.

Step 3: Choosing the Transfer Method

There are two ways to hand over a site in Framer. Choose the one that fits your contract.

Method A: The Remix Link (Best for simple transfers) If you want to give them the site and walk away:

Go to the file menu > File > Copy Remix Link.
Send this link to the client.
When they open it, it duplicates the entire project into their account.
Note: This creates a copy. The version in your account is no longer connected to theirs.

Method B: The Invite Transfer (Best for ongoing support) If you are launching the site for them:

Click the Invite button in the top right.
Enter the client's email address.
Once they join, you can make them an Admin or Editor.
To transfer full ownership (and the billing), go to Site Settings > General > Project Ownership and select their email.

Step 4: Handling Billing

Who pays for the hosting? You should decide this before the project starts, but here is how to execute it.

If the Client Pays: Send them the Remix link (Method A). They will buy a plan when they hit publish.
If You Pay (Reselling): Keep the project in your account. You buy the plan, and you bill the client separately (often adding a maintenance fee).

Step 5: Editor Training

The biggest fear clients have is "breaking" the site. Framer’s CMS mode protects them.

If your site uses a CMS (for blogs or team members), teach your client to use the Content panel, not the Design canvas.
Show them how to edit text and swap images without entering the "Edit" mode, where they might accidentally move a layout.
Record a 5-minute Loom video walking them through these specific tasks.

Wrap Up

A smooth handoff builds massive trust. When you hand over a clean, organized, and "share-ready" project, you aren't just a designer - you're a reliable consultant.

Follow this checklist for every project, and your clients will be ready to refer you before the invoice is even paid.

5a:[["$","$L5d",null,{"post":{"id":"019c2256-582f-7b58-b5d6-78267aa350ba","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"18e54cf2-8890-4ff5-88ba-6d97809cd870","name":"Sadman Alam","slug":"sadmanalam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215627/avatar-jryZ7Jiwxr9C9IQAoCraV4aCo4xIsJ.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"110","resolved":true,"title":"Seamless Handoff","body":"$5e","bodyJson":null,"introduction":"Deliver projects like a pro.","slug":"seamless-handoff","author":{"framerUserId":"18e54cf2-8890-4ff5-88ba-6d97809cd870","name":"Sadman Alam","slug":"sadmanalam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215627/avatar-jryZ7Jiwxr9C9IQAoCraV4aCo4xIsJ.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18e54cf2-8890-4ff5-88ba-6d97809cd870/xepnbugu","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2800,"height":1575}}],"post":null,"createdAt":"2026-01-29T20:50:13.599Z","updatedAt":"2026-02-03T07:10:09.967Z","publishedAt":"2026-02-03T07:10:09.967Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"advanced","duration":540,"summary":"Don't just send a link. Learn the professional workflow for cleaning up project files, transferring ownership, and setting up billing for your clients.","categories":[{"id":"7c4abcf1-5383-4107-af78-ccde42698744","name":"Launch","slug":"launch"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-03T07:10:09.967Z","updatedAt":"2026-02-03T07:10:09.967Z","reported":false}}],"$L5f"]

Suggested for you