Locofy.ai | Generating Responsive Code with Figma Auto layout & Locofy [Webinar]

[@zappist751]

Locofy ur da mannnn

[@locofy_ai]

Do let us know how we can improve the product for you!

[@muhammadhaseeb2895]

I love you. I was screwed up with responsiveness. But this video saved my life😂🎉

[@locofy_ai]

We're glad this helped! Do reach out to us on slack at locofy.ai/join-slack if you need further support!

[@mellyvfx]

This is incredibly helpful, I would love to see more videos like these

[@locofy_ai]

Glad to hear that @mellyvfx! We're working on a responsiveness guide series, so do stay tuned for that! Also if you have specific ideas in mind - do let us know as well

[@esolll1]

Good tools for UIUX designers, can speed up the team development time 👍👍

[@locofy_ai]

😇

[@ahmadmirza3662]

Incredible tool, thank you so much

[@locofy_ai]

Glad you like it!

[@nxpcloudz1217]

this is cool, in the future id love to be able to make parallax scrolling effects with locofy

[@locofy_ai]

Absolutely, more of such cool features including more animations, parallax will be coming to Locofy in the future! Do stay tuned!

[@bambanx]

my friend awesome product, i wonder if locofy add js for the burger icon to appear and disappear the menu items on mobile? thanks you

[@locofy_ai]

We use a purely css based approach by making use of media queries.

[@UrszulaKostuch]

how can i optimize my design again in locofy? first time i rejected some options that i want back

[@locofy_ai]

At the moment we do not allow you to redo the design optimiser once you have rejected all our recommendations. We request you to use Figma Version History to reset to a version before you had rejected the suggestions in the design optimiser.

[@icebwoy8158]

I would love to see 4 or 3 pages websites tutorial using locofy

[@locofy_ai]

Hey @Icebwoy, do check out these full-build videos where we turn design templates that we grab from the Figma community and turn it into code:
ua-cam.com/video/6UIfbJfz1jI/v-deo.html
ua-cam.com/video/X7ws6QNxC6U/v-deo.html
Let us know if this helps!

[@oromenaobogo4466]

this is lovely
now do i make a lparallax scrolling effects with locofy

[@locofy_ai]

Hi Oromena, thanks for reaching out! You can do so by adding this into the Custom CSS for your frame:
background-attachment: fixed;
1. Ensure that your frame has an image fill - this will be the background image
2. Select the frame and tag it as a Container in the Locofy Plugin
3. Go to the Styling & Layouts tab, scroll to the bottom to find the Custom CSS
4. Enter the above css to make your background image use a parallax scrolling effect

[@muhammadsubhanakram5323]

can you plz provide the same figma file ?

[@locofy_ai]

Thanks for reaching out! This file was created for webinar purposes, but we do have some resources which guide you through the steps for responsiveness. Please try this one to see if it helps: www.figma.com/community/file/1080099101665822261