Overview
We need an experienced Figma designer with Locofy export experience to clean up and standardize our Figma file before code export. The file is a mobile app with approximately 18 screens
The design system is done and finished, but the original designer didn't name the components very well, and potentially some states/properties/variants aren't optimized for Locofy. This tool needs a specific convention in order to avoid duplication, and minimize token usage as well as link everything correctly. I'm no Figma expert so I don't want to break component links etc...
Audit and fix all missing states
Rename all master components to camelCase following Locofy naming conventions (e.g. btnRed, sideMenu, navMenuItem)
Ensure all component instances are properly linked to their masters
Ensure no variant states (Active, Hover, Disabled, Icon, Text properties) are lost during renaming
Convert repeated raw frames to proper master components (specifically the step form content frame used across ~18 screens)
Ensure identical internal layer structure across all variants of the same component across 3 product flows (Become a Tinder, Your Action Plan, Both)
Rename all screen frames consistently using slash hierarchy (e.g. becomeATinder/step1)
Verify all instances update correctly after renaming
Final check: export one screen through Locofy Lightning and confirm clean component output with no duplicate or indexed props
Requirements
Strong Figma component/variant experience
Prior Locofy or Figma-to-code export experience required
Must sign NDA before receiving file access
Deliver a short Loom walkthrough of changes made
NDA
Please sign our NDA before starting. We will send via [DocuSign/PandaDoc] upon hiring.
Budget & Timeline
Fixed price job. Expected 3-4 hours for an experienced Figma/Locofy specialist.