Book a call Pentaclay is a B2B website design agency. You send the Figma file, and we turn it into a Framer site that matches every screen, with a CMS your team edits without a developer.
Companies that trusted us with their website
What founders tell us when their Figma design is ready, and how we answer.
Our designer finished the Figma file, but no one on our team can turn it into a website.
That’s the usual starting point. Send us the file. We develop every page in Framer from your frames, set up the CMS and forms, and launch it on the date we agree.
Will the live site look exactly like our Figma design?
Yes, on every frame you designed. We match the spacing, fonts and colors frame by frame, then compare the live pages with your file before launch.
We only designed the desktop version. Do we need phone designs first?
No. We list what the file doesn’t show, like phone layouts, open menus and form messages. You agree each one before development, and we follow the styles in your file.
After launch, we’ll add blog posts and pages. Do we need a developer for that?
No. Your team edits text and images and adds pages in Framer. One designed blog post becomes a template, so new posts are made by filling in fields.
One team builds your Figma design in Framer, matched on every screen, with a CMS your team edits, then hands it over.
We build each page from your frames and match it on desktop, tablet and phone, then the sizes in between.
Your styles, components and variants rebuilt once, so one change updates every page that uses them.
One designed post becomes a CMS template, so your team adds new items by filling in fields.
Titles, descriptions and social images on every page and template, readable by Google and AI search.
The Framer site and account move to you, with a recorded walkthrough and 30 days of free fixes.
Each part of a Figma design, and how we build it in Framer.
| In Figma | In Framer | What we do |
|---|---|---|
| A frame for each page | Framer pages | Built one by one and matched to your frames. |
| Desktop, tablet and phone frames | Framer breakpoints | Each breakpoint matched to its frame, then checked at the sizes in between. |
| Components and variants | Framer components with variants | Built once, so one change updates every page that uses them. |
| Color and text styles | Framer color and text styles | Set up first, so new pages stay on brand. |
| One designed blog post or case study | A CMS collection and its template page | Every item uses the template. Your team fills in fields. |
| Prototype interactions | Framer effects and animations | Rebuilt and checked on phones and laptops. |
| Forms | Framer forms, or your form tool | Built and tested where they send. |
| Not in the file: titles, descriptions, social images | SEO settings on each page and CMS template | Set on every page before launch. |
We designed Machine Football in Figma and built it in Framer. The other three we built from a design we didn’t make.
Clubs see the scale of the model before they read a word
An AI model of football is hard to picture. So the first screen leads with one number: 1.1 billion on-pitch events. The team publishes blog posts, media and glossary terms without a developer.
Four parties to one deposit, in one picture
Lawyers, buyers and sellers, and agents all share one property deposit. We built a first screen that puts all of them around the platform, then three cards that give the reasons.
The real product on the first screen, not a drawing
A real estate payments platform with three kinds of user. We built a site that opens on the actual campaign dashboard and shows real app screens further down.
Legal teams see who it’s for and who backs it on the first screen
Entity management software for multi-entity legal teams. The first screen names who it’s for and who backs it, with a video right under it. Built in Framer, with the blog in a CMS the team runs itself.
“Working with Kazi was great, and we’re very pleased with the outcome.”
Nima NejadChief Creative Officer, NOCAP Sports
“Was always willing to assist to go above and beyond.”
“The experience was truly outstanding. … Every task was completed on time…”
Verified client on ContraRead the reviews A 30-minute call with Erfan, then the scope, price and date in writing.
What you get
We go through every frame and list what development needs that the file doesn’t show.
What you get
Every page built from your frames, with the CMS set up.
What you get
Live on the date in your contract, matched against your Figma file.
What you get
The Framer project and every account are handed over to you.
What you get
After the call, you get the scope, price and launch date in writing within 3 business days.
Framer, when you want to launch fast and edit the site yourself. If Webflow, Next.js or another platform fits better, we tell you on the call.
For teams that want to launch fast and edit the site themselves.
For growing marketing teams with a large CMS.
For sites that need custom code your engineers own.
Also in our toolkit
FigmaDesign
ReactCode
AstroCode
Tailwind CSSCode
TypeScriptCode
HTML and CSSCode
GSAPMotion
LenisSmooth scroll
Three.js3D
WordPressWe move sites from
LovableWe move sites from
BoltWe move sites from
Pentaclay One team writes, designs and builds your site.We write every page for your customers.Every page designed for you, not a template.Google and AI search can read every page.Price and launch date are in the contract.30 days of free fixes, then website maintenance if you want it.You can use it to copy layers across. It doesn’t give you a working site: layouts for each screen size, components your team can edit, CMS templates, SEO settings and forms still need building. That’s the part we do.
Yes. A site in Figma Sites, a prototype from Figma Make, a Canva design, or Adobe XD and Sketch files: we treat each as the design and build the real pages in Framer, matched on desktop, tablet and phone. If the old site is live, we redirect its links.
Yes, on every frame you designed. We match spacing, type and color, and compare every page with its frame on desktop, tablet and phone before launch. Anything the file doesn’t show, we agree with you before development.
We can still build it. On the file review we list the tablet and phone layouts, menus and states the file doesn’t show, and agree how each one should look. Your designer can add them in Figma first, if you prefer.
Each designed page becomes a CMS template in Framer. Every post or case study in that collection uses it, and your team adds new ones by filling in fields. The Framer CMS imports CSV, so existing posts can come across too.
No. Auto layout, named layers and shared styles make development faster, but we work from the file you have. Anything unclear goes on the list at the file review, before development starts.
It depends on how many pages and CMS templates we build, how much the file doesn’t show yet, and which animations and forms come with it. We quote it after a 30-minute call, with a fixed scope, price and date in writing within 3 business days. Starting prices are on our pricing page.
You do, once the project is paid. The Framer project, the domain and every account are handed over to you.
Yes. Start with the Free Website Audit: send us your current website, and in 3 business days we’ll tell you what’s missing and what to fix.
Our other services, for wherever your site is today.
If customers need a demo just to understand what you sell, your website isn’t doing its job.
Kazi Mohammed ErfanFounder
Loading the calendar…
Don’t want to fill in the form? Book a call directly Prefer to write? Send a message instead
Pentaclay is a B2B website design agency for AI companies that sell to enterprises. We write, design and build marketing websites in Framer, Webflow and Next.js, and stay to help after launch. Pentaclay LLC is registered in New Mexico, USA; our team works from Dhaka, Bangladesh, with calls until 12:30pm US Eastern. Founded in 2023 by Kazi Mohammed Erfan, who brings 12 years of design experience.
