Figma to Webflow Contract Developer

Job Summary/Overview:

Are you a wizard at transforming creative visions into tangible, beautiful web realities? Do you thrive on the challenge of taking intricate Figma designs and meticulously rebuilding them into high-performing, interactive Webflow websites?

We are seeking a skilled and detail-oriented Webflow Designer to work with us on a contract basis for the long term. In this role, you'll be instrumental in bringing our designs to life, ensuring pixel-perfect execution and seamless responsiveness.

Crucially, you possess not only the technical skill to implement engaging animations and interactions but also the design sensibility to know when, where, and how to use them effectively to enhance user experience without compromising performance. If you have a keen eye for detail, a passion for clean implementation, and a portfolio showcasing your Webflow prowess, we want to hear from you!

Key Responsibilities:

  • Translate Figma designs into fully functional, pixel-perfect, and responsive websites using Webflow. This is a core function, requiring high fidelity to the original design across all breakpoints.

  • Implement engaging animations, transitions, and interactions within Webflow, using your expert judgment to determine the most effective, tasteful, and performant applications that enhance the user journey.

  • Build, structure, and manage website content effectively using the Webflow CMS.

  • Optimize websites for maximum speed, performance, and efficient loading times.

  • Implement on-page SEO best practices during the Webflow development process.

  • Collaborate closely with UI/UX designers to understand design intent, ensure technical feasibility, and guarantee accurate implementation.

  • Conduct rigorous testing and quality assurance across various browsers (Chrome, Firefox, Safari, Edge) and devices (desktop, tablet, mobile).

  • Perform ongoing maintenance and updates for existing Webflow websites as required.

  • Troubleshoot and efficiently resolve any technical issues related to Webflow site functionality, performance, or responsiveness.

Required Skills and Qualifications:

  • Proven experience building professional websites directly within Webflow – a strong portfolio showcasing live Webflow projects is essential.

  • Demonstrable, high proficiency in translating Figma (or similar design tool like Sketch, Adobe XD) mockups and prototypes into fully realized, accurate Webflow sites.

  • Solid understanding of semantic HTML, modern CSS (including Flexbox and Grid), and core responsive web design principles.

  • Proven ability to implement custom interactions and animations using Webflow's native tools.

  • An exceptional eye for visual detail, ensuring layout, typography, spacing, and design consistency are meticulously maintained.

  • Ability to exercise sound judgment regarding the application of animations and interactions – knowing what adds value versus what is distracting or unnecessary.

  • Proficiency working with the Webflow CMS for dynamic content management.

  • Strong analytical and problem-solving skills, with the ability to diagnose and resolve technical challenges independently.

  • Excellent communication and collaboration skills, particularly when working with design teams to interpret requirements and provide feedback.

  • Experience adding custom code (JavaScript, CSS, HTML) within Webflow embeds or custom attributes to achieve advanced functionality.

If you're interested in this opportunity, please submit a link to your online portfolio.

Your portfolio MUST showcase your Webflow work. We are particularly interested in seeing:

  • Examples demonstrating your ability to accurately translate complex designs (preferably from Figma) into live Webflow sites.

  • Projects that highlight your skills in implementing thoughtful and effective animations and interactions.

Job Qualifications

  • Crucially, you possess not only the technical skill to implement engaging animations and interactions but also the design sensibility to know when, where, and how to use them effectively to enhance user experience without compromising performance
  • Proven experience building professional websites directly within Webflow – a strong portfolio showcasing live Webflow projects is essential
  • Demonstrable, high proficiency in translating Figma (or similar design tool like Sketch, Adobe XD) mockups and prototypes into fully realized, accurate Webflow sites
  • Solid understanding of semantic HTML, modern CSS (including Flexbox and Grid), and core responsive web design principles
  • Proven ability to implement custom interactions and animations using Webflow's native tools
  • An exceptional eye for visual detail, ensuring layout, typography, spacing, and design consistency are meticulously maintained
  • Ability to exercise sound judgment regarding the application of animations and interactions – knowing what adds value versus what is distracting or unnecessary
  • Proficiency working with the Webflow CMS for dynamic content management
  • Strong analytical and problem-solving skills, with the ability to diagnose and resolve technical challenges independently
  • Excellent communication and collaboration skills, particularly when working with design teams to interpret requirements and provide feedback
  • Experience adding custom code (JavaScript, CSS, HTML) within Webflow embeds or custom attributes to achieve advanced functionality
  • Examples demonstrating your ability to accurately translate complex designs (preferably from Figma) into live Webflow sites
  • Projects that highlight your skills in implementing thoughtful and effective animations and interactions

Job Benefits

Job Responsibilities

  • In this role, you'll be instrumental in bringing our designs to life, ensuring pixel-perfect execution and seamless responsiveness
  • Translate Figma designs into fully functional, pixel-perfect, and responsive websites using Webflow
  • This is a core function, requiring high fidelity to the original design across all breakpoints
  • Implement engaging animations, transitions, and interactions within Webflow, using your expert judgment to determine the most effective, tasteful, and performant applications that enhance the user journey
  • Build, structure, and manage website content effectively using the Webflow CMS
  • Optimize websites for maximum speed, performance, and efficient loading times
  • Implement on-page SEO best practices during the Webflow development process
  • Collaborate closely with UI/UX designers to understand design intent, ensure technical feasibility, and guarantee accurate implementation
  • Conduct rigorous testing and quality assurance across various browsers (Chrome, Firefox, Safari, Edge) and devices (desktop, tablet, mobile)
  • Perform ongoing maintenance and updates for existing Webflow websites as required
  • Troubleshoot and efficiently resolve any technical issues related to Webflow site functionality, performance, or responsiveness