FIGMA Design Import from UXPilot.ai and Clean-up / Re-format
Budget: $30 – $250 USD
I have designed a mobile app UX in UXPilot.ai that I need imported into FIGMA.
Read this carefully, it contains everything you need to know.
You will be responsible for:
1. Exporting UXPilot.ai design to FIGMA
** UXPilot.ai has a FIGMA plugin but it doesn't work perfectly.
** You need to import each screen one-by-one into FIGMA. The plugin does not do well with batch processes.
2. Correcting elements that do not import correctly
** Things like backgrounds and some buttons do not import correctly. You will need to re-create these elements manually in FIGMA.
3. Re-formatting text and spacing (you should know what looks good)
** UXPilot.ai generates a rough draft of the UX.
** Font sizes, spacing, etc. needs to be cleaned up, designed, and normalized for a polished look and feel.
** You will need to make sure the design is consistent throughout all the screens.
4. Ensuring all design elements are properly created and light-weight
** Some design elements like buttons do not import correctly.
** UXPilot.ai can do some weird stuff when importing into FIGMA, so you will need to re-create things like background gradients, icons, and buttons. It might appear normal, but it will not function correctly when editing the element. Pay close attention to detail and test everything. PERFECTION is highly important.
5. UXPilot.ai doesn't allow for me to re-flow the design. This will need to be manually done in FIGMA. Use best practices.
** Designs in UXPilot.ai are numbered accordingly so this should be easy. Just follow the numbers.
6. Add a transition "fade into" effect from one screen to the next
** The opening login screens are dark, then the rest of the design is light. The darker opening should smoothly transition into the lighter screens that follow.
7.Master Auto Layout iOS/Android compatible with all elements scalable.
** Main design for iPhone: FIGMA artboard of 375 x 667 pixels
8.Define text styles (H1, H2, Body, Caption, etc.) for typography consistency.
9. 100% vector graphics
** Make sure all graphics are vector-based and scalable
** The sign-in screens use a JS background animation, which is not compatible with FIGMA. That's OK, just use a black background for now and the app developer will take care of the rest.
10. TEST small size and large size frames
** Small size frame: 375x667
** Large size frame: 430x932
** Ensure that everything looks correct.
This should be quick work for someone who is skilled at FIGMA.
MAX BUDGET: $80
Read this carefully, it contains everything you need to know.
You will be responsible for:
1. Exporting UXPilot.ai design to FIGMA
** UXPilot.ai has a FIGMA plugin but it doesn't work perfectly.
** You need to import each screen one-by-one into FIGMA. The plugin does not do well with batch processes.
2. Correcting elements that do not import correctly
** Things like backgrounds and some buttons do not import correctly. You will need to re-create these elements manually in FIGMA.
3. Re-formatting text and spacing (you should know what looks good)
** UXPilot.ai generates a rough draft of the UX.
** Font sizes, spacing, etc. needs to be cleaned up, designed, and normalized for a polished look and feel.
** You will need to make sure the design is consistent throughout all the screens.
4. Ensuring all design elements are properly created and light-weight
** Some design elements like buttons do not import correctly.
** UXPilot.ai can do some weird stuff when importing into FIGMA, so you will need to re-create things like background gradients, icons, and buttons. It might appear normal, but it will not function correctly when editing the element. Pay close attention to detail and test everything. PERFECTION is highly important.
5. UXPilot.ai doesn't allow for me to re-flow the design. This will need to be manually done in FIGMA. Use best practices.
** Designs in UXPilot.ai are numbered accordingly so this should be easy. Just follow the numbers.
6. Add a transition "fade into" effect from one screen to the next
** The opening login screens are dark, then the rest of the design is light. The darker opening should smoothly transition into the lighter screens that follow.
7.Master Auto Layout iOS/Android compatible with all elements scalable.
** Main design for iPhone: FIGMA artboard of 375 x 667 pixels
8.Define text styles (H1, H2, Body, Caption, etc.) for typography consistency.
9. 100% vector graphics
** Make sure all graphics are vector-based and scalable
** The sign-in screens use a JS background animation, which is not compatible with FIGMA. That's OK, just use a black background for now and the app developer will take care of the rest.
10. TEST small size and large size frames
** Small size frame: 375x667
** Large size frame: 430x932
** Ensure that everything looks correct.
This should be quick work for someone who is skilled at FIGMA.
MAX BUDGET: $80