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.
.webp)
What it's like to work with me.
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.
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.
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.
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?
Basic
$1000/page
- 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
Advanced
$1500/page
- Everything in Plus
- Advanced Interactions
- Finsweet Attributes
- Third-party Integrations
- Browser compatibility testing in Chrome & Safari
- Mobile device testing on Pixel, Samsung, and iPhone
Select a package above to continue.
Choose one of the above options to unlock the appropriate request form.