Rebuild an existing HTML mobile UI as a native Figma component library

Posted 4 weeks ago

Worldwide

Summary

I have a finished, redesigned mobile app UI built as a working HTML file, with all components and screen flows already done. I want it rebuilt in Figma as a proper component library. This is a translation job, not a redesign. The Figma file must match the HTML exactly (same colors, spacing, type, layout, and component boundaries). By "proper component library" I mean: Design tokens set up as Figma variables first (colors, spacing, type scale, radii), pulled straight from the CSS in the HTML. Components built with variants for their states and sizes. Screens assembled from component instances, not flat frames. Layers named to match the component vocabulary in the code. What I will provide: the HTML file containing every component and flow. Deliverable: one Figma file with the variable set, the component library, and the full set of screens built from instances of those components. What I do not want: a flat plugin import (frames that look right but are not real components), or any change to the visual design. The design is settled. Skills: fluent in Figma component libraries, variables, Auto Layout, and variants. This is a small, well defined project. I expect a few days of work. Please estimate hours in your proposal.

  • Less than 30 hrs/week
    Hourly
  • < 1 month
    Duration
  • Intermediate
    Experience Level
  • Remote Job
  • One-time project
    Project Type
Skills and Expertise
Mandatory skills
Mobile App Design
Figma
Activity on this job
  • Proposals:20 to 50
  • Last viewed by client:3 days ago
  • Hires:
    1
  • Interviewing:
    1
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Nov 10, 2021
  • United Arab Emirates
    Dubai6:09 AM
  • $22K total spent
    24 hires, 5 active
  • 610 hours

Explore similar jobs on Upwork

UI/UX Designer for B2B SaaS DashboardFixed-price‐ Posted 4 weeks ago
User Interface Design
User Experience Design
Wireframing
Web Design
User Interface Design
Graphic Design
Game Design
Prototyping
Style Guide
Mobile UI Design
High Fidelity Design
Wireframing
Responsive Design
Android

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