Skip to Menu
Enter
Skip to Content
Enter
Skip to Footer
Enter

Figma to Webflow
with Matthew

Make your Figma designs come to life with my Figma to Webflow service! I'll take your stellar Figma designs and turn them into a high-quality Webflow website following industry best practices like Client First naming conventions. You'll also receive a website wiki with documentation on how to manage the website.

Who you'll work with.

You'll be working directly with me, Matthew. Nice to meet you! 😄

I currently work full-time in Technical Customer Support at Webflow and occasionally work on web development projects on the side. I've directly contributed to dozens of Webflow sites over my freelancing career in both design and development and have performed troubleshooting on a countless number of sites since joining Webflow. On this project, I'll be your main point of contact and will be responsible for website development, timeline, and overall communication.

Matthew smiling, wearing a yellow shirt
Matthew smiling, wearing a yellow shirt
Brands I've worked with...
the weekly pitch
nova vita bariatrics
joe and the juice
gtm fund
italo wellness techno spa
All Maven
mesmer
Wayfarer Hotel
Lex Jameson
chillz
RAYL
NEATT
Arica
Ori Kyoto
four49 media
Fountain of Youth Eco-choice
nova vita bariatricsgtm fundjoe and the juicethe weekly pitchitalo wellness techno spaAll MavenLex JamesonWayfarer HotelRAYLNEATTAricaOri Kyotofour49 mediaFountain of Youth Eco-choicemesmerchillz
nova vita bariatricsgtm fundjoe and the juicethe weekly pitchitalo wellness techno spaAll MavenLex JamesonWayfarer HotelRAYLNEATTAricaOri Kyotofour49 mediaFountain of Youth Eco-choicemesmerchillz
nova vita bariatricsgtm fundjoe and the juicethe weekly pitchitalo wellness techno spaAll MavenLex JamesonWayfarer HotelRAYLNEATTAricaOri Kyotofour49 mediaFountain of Youth Eco-choicemesmerchillz
nova vita bariatricsgtm fundjoe and the juicethe weekly pitchitalo wellness techno spaAll MavenLex JamesonWayfarer HotelRAYLNEATTAricaOri Kyotofour49 mediaFountain of Youth Eco-choicemesmerchillz

What it's like to work with me.

01
Communications

How we communicate.

Communication is done completely asynchronously over Asana messages, Loom videos, and the occasional email. We'll have a shared team in Asana where tasks can be organized and assigned. Most messaging will also happen inside Asana, so we can easily refer to specific tasks and create organized threads for each conversation.

There are no meetings, just Loom videos. Loom is a video communications platform where you can send a link with a screen recording video to someone. I use Loom all the time and find that every time I introduce a client to Loom, we never have a live meeting again. Looms are super helpful for working with remote teams in different time zones and can be shared with multiple people to watch at their own convenience. I’ll be sending you Loom videos on a regular basis with an update on what I worked on, what I plan to work on next, and any blockers I have. These videos  along with the tasks in Asana are meant to give you complete transparency into the project so that you know exactly what's going on at all times.

02
Development

Website development process.

Time to take your site design from Figma to Webflow. I'll develop the site in my Webflow account and then transfer it to yours once complete. This allows me to work efficiently and also provides you with a backup in case anything happens to your account. I generally like to work on development tasks in 2-3 day sprints and then ask for your thoughts and ideas before moving on to the next task. This way, we can make sure that we're always on the same page and that the site is progressing in the way you envisioned. I abide by Finsweet's Client First Class naming conventions to ensure an organized site structure that makes it easier for other team members and future developers to understand the purpose of each class and more easily make updates.

03
Documentation

Creating standard operating procedures.

All my new projects include a website wiki full of video tutorials and guides on how to manage and update the site. This is another major benefit for teams who have multiple people contributing to the site as well as for future developers. If anyone has a question or needs onboarding training, the wiki is the first stop to find answers and learn the processes.

What's included in the service?

This service includes website development in Webflow based on a Figma file that you already have done. All pricing packages include simple animations, Client First naming conventions, on-page SEO, remediated accessibility issues using the Webflow Audit Panel, and a website wiki that acts as a knowledge base for website management. Additional features like CMS collections, interactions, and integrations are available in the Plus and Advanced packages.

What do my clients say?

Read about my clients' experiences working with me.

"We are 100% satisfied. Matthew is sharp, responsive and very talented. His multilingual skills were invaluable to this Webflow project. He actually went above and beyond in taking care that our Portuguese and Spanish users were well-assisted in their use of the Weglot software. Makes me wish we had more work for him right away!"

Paul F.
The Arica School

“Matthew is very skilled in Figma, Webflow, Wordpress, and multimedia programs. He put all his skills to work for our project and totally nailed it. He is also very fast and dedicated to his commitments and schedule. He went above and beyond to make sure the project was successful. The end product is amazing and all our stakeholders are over the moon with the work. I recommend Matthew for your projects. I know that I will hire him for my next projects.”

Steve F.
Product Designer @ RAYL

“I’m really happy with the website and the response time from Matthew. You can rely on him as a web developer to deliver a website responsive and fast for every device. I will continue to use his services for many years to come.”

David R.
Medical Director @ Nova Vita Bariatrics

“Matthew is a great Webflow developer with great accessibility skills as well. Strongly recommend him for any Webflow project.”

Dan M.
VP of Product @ Mesmer

“Matthew was easy to work with, responded well to feedback, and created some great designs for us. I enjoyed working with Matthew.”

Hardy F.
founder @ Wizform

“Matthew was awesome. He adhered to deadlines, often completing work before he was obligated to. He did an excellent job and was very responsive.”

kali r.
ceo & founder @ great keg

“Matthew's communication and quality of work was greatly helpful to our project.”

thomas eynon
owner @ eynon software llc

What's next?

Select one of the packages below and send me a project request by filling in the form and include a link to your Figma file. I'll review your project details and determine if there's a good fit for us to work together. If so, I'll send you a proposal and time estimate over email. Once the proposal is approved and contract signed, I'll create a team in Asana and invite you to it. Then, we'll start bringing your design to life in Webflow!

Simple pricing packages

Enjoy straightforward pricing based on page count and project complexity, starting out at $1000 USD per page.

How many page designs do you have?

pages (10 max)

Basic

For simple sites

$1000/page

$1000
What’s included
  • Site Development
  • Simple Animations
  • Client First Class Naming
  • On Page SEO
  • Remediated A11Y issues using Audit Panel
  • Website Wiki with Tutorial Videos on Site Maintenance
Choose Basic

Advanced

For complex builds

$1500/page

$1500
What’s included
  • Everything in Plus
  • Advanced Interactions
  • Finsweet Attributes
  • Third-party Integrations
  • Browser compatibility testing in Chrome & Safari
  • Mobile device testing on Pixel, Samsung, and iPhone
Choose Advanced

Select a package above to continue.

Choose one of the above options to unlock the appropriate request form.