Figma Designer (Website Recreation & Design Systems)

Posted 2 days ago

Worldwide

Summary

About Us We create premium websites for medical aesthetics, plastic surgery, dental, healthcare, and luxury service brands. As our portfolio continues to grow, we’re expanding our internal Figma design system and are looking for an experienced Figma Designer to help us recreate existing websites into organized, scalable, and production-ready Figma files. This is an ongoing freelance opportunity with the potential for long-term, consistent work. About the Role We are looking for a skilled Figma Designer with exceptional attention to detail. Your primary responsibility will be to recreate existing website homepage and a treatment page in Figma with pixel-perfect accuracy while preserving the original layout, responsiveness, interactions, and overall user experience. The website will be provided to you, and your goal is to replicate the homepage and a treatment page as closely as possible. We are not looking for redesigns or creative interpretation. We need production-quality Figma files that mirror the live website and are built using modern Figma best practices so they can be incorporated into our internal design system. The final deliverable should feel like the original website inside Figma, with organized components, responsive layouts, and interactive elements that accurately represent the live experience. Responsibilities Recreate existing websites in Figma with pixel-perfect accuracy. Match layouts, spacing, typography, colors, imagery, buttons, forms, navigation, and all UI elements exactly as they appear. Build responsive desktop and mobile layouts. Use Auto Layout throughout the file where appropriate. Create reusable components and component variants. Utilize Variables and design tokens when applicable. Recreate interactive behaviors, including: Navigation menus Dropdowns Mega menus Hover states Buttons Accordions Tabs Sliders and carousels Popups and modals Navigation flows between pages Other interactions found on the live website Organize pages, frames, layers, styles, and components using a logical structure and naming convention. Deliver clean, developer-friendly Figma files that are scalable and easy to maintain. Qualifications Expert proficiency in Figma. Advanced experience with: Auto Layout Components Component Variants Interactive Components Variables Responsive Design Prototyping Strong understanding of modern web design patterns. Exceptional attention to detail. Ability to accurately recreate existing websites without introducing unnecessary design changes. Strong organizational skills and file management practices. Ability to work independently and meet deadlines. What Success Looks Like A successful project will: Be visually indistinguishable from the original website. Match spacing, typography, layout, and responsiveness with pixel-level precision. Include reusable components throughout. Contain clean, organized layers, pages, and naming conventions. Include interactive functionality that closely mirrors the live website. Be production-ready and suitable for integration into a larger design system. Project We will provide website as reference Your assignment is to recreate the following pages in Figma: One Homepage One Treatment Page The exact website will be provided at the start of the project. Your goal is to recreate each page as accurately as possible, matching the original design, layout, typography, spacing, colors, imagery, responsiveness, and interactions. Your Submission Should Include Pixel-perfect recreation of both pages Desktop and mobile responsive layouts Proper use of Auto Layout Reusable components and component variants Organized pages, frames, layers, and naming conventions Interactive elements that closely replicate the live website, including navigation, hover states, accordions, tabs, sliders, buttons, links, and other interactions where applicable A clean, production-ready Figma file that could be incorporated into an existing design system To Apply Please include the following with your application: Links to 2–3 complete Figma website projects (editable Figma files preferred) Confirmation that the portfolio work is your own Your hourly or project rate Your typical turnaround time for recreating a homepage and an interior page A brief overview of your experience with Auto Layout, Components, Variables, Interactive Prototypes, and Design Systems If you’re passionate about creating clean, highly organized, production-ready Figma files and have the attention to detail to faithfully recreate websites with exceptional accuracy, we’d love to hear from you. Message Chris Z, Ivonne Ackerman

  • Less than 30 hrs/week
    Hourly
  • 1-3 months
    Duration
  • Expert
    Experience Level
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
Figma
Web Design
Mockup
Activity on this job
  • Proposals:50+
  • Last viewed by client:yesterday
  • Interviewing:
    1
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Oct 1, 2012
  • United States
    South Jordan2:58 PM
  • $1M total spent
    251 hires, 69 active
  • 101,964 hours
  • Sales & Marketing
    Mid-sized company (10-99 people)

Explore similar jobs on Upwork

Website Redesign
User Interface Design
Interaction Design
User Experience Design
Web Design
Graphic Design
Visual Communication
WordPress
WordPress Plugin
Web Development
Website Customization
Web Design

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo