Thanks for the video locofy looks amazing. I have two questions: For make animations or trigger when a button is clicked, that interaction must be done inside figma fist? - if i have a menu with a buttin to change partial part of the page , how i can do that? Any tutorial that cover this questions? Thanks so much.
For animations, you can use the advanced CSS properties under step 3. Locofy also has prebuilt effects you can use to trigger animations. Refer to this doc: www.locofy.ai/docs/tagging/animations/tagging-animations/
I am confused here, what did you do with the status bar? The part about status bar suddenly got cut out, did you remove it after exporting to builder because ios/android have default?
Yes absolutely, we automatically read Figma constraints and autolayout settings to generate responsive flexbox code. Do ping us on our community channel if you need help with this!
Should you create figma components we convert them to code components. We do not support Figma Variants at the moment but will add support for it soon.
tried converting a figma design with a lot of drop downs and drawers into simple html & css and i am yet to understand when it decides to flag some component as a drawer or not yet... will have no problem of tagging it as an audio -__- please make it make sense.
How did you make scrolling work in the Locofy live preview and in the simulation? It seems like it does it automatically in the video but it doesn't work for me? Is there a specific setting that is required?
I followed your steps , trying to change page after press button but this did not work , press has no effect , any suggestions ? I am using figma installed app (mac)
Hi Fekri, thanks for reaching out - sorry that you're facing this issue. Could you please share your Figma file with us at hello@locofy.ai to investigate this?
Hi Showbik, we are generating pixel-perfect UI code based on your Figma designs! We do read some prototype links - and you can further control navigation through bottom tabs, drawer menus as shown in the video
Hey there, you can absolutely build a fully functional app. The code that is generated is production-ready UI code, and all you need to do is to add your logic layer via your code editor - this means that it will require some additional coding. Locofy will save you 80-90% of the time that you would usually take to develop your fully functional app.
Sorry you had to face this. We're working on a fix now. Please join our Slack community to get an update as soon as this is fixed: www.locofy.ai/join-slack
Hi @unknown, you will need to create a React Native project from the projects dropdown to see the Global Tags. Please let us know if you need help with that
ye jo ap n command run ki Mac k lye npm i , cd ios, pod install and npm run ios agr hame window m project open krna h emulator pr to konsi command run krni pregi kindly koi bta dy
Hi there, could you please reach out to us at hello@locofy.ai? We'd like to better understand to be of help. If you are new to React Native, you can also try using Expo which is easier to setup and run your simulation. Please check out this guide: guide.locofy.ai/using-expo-for-react-native
At the moment we do not have the final project file that you can view directly in the builder but you may sync our sample project from the design file available below www.figma.com/community/file/1140675081699037964/locofy-sample-project-fickleflight-mobile
Hi Jagadeesh, we are still creating more guides for React Native which will be launched soon. In the meanwhile to unblock you, could you please invite hello@locofy.ai to your figma file so we can help to investigate this?
Hi @swastikaggarwal221, currently video tag is not supported for React Native - we will be looking to add support for more tags in the upcoming few sprints!
@@swastikaggarwal221 For the moment, we suggest that after exporting the code, you can easily extend it to add your Video component. Here's a reference that we hope is useful for you: docs.expo.dev/versions/latest/sdk/video/
Hi Yun Wang, scroll view is available for React Native framework. For web frameworks like React, HTML/CSS, NextJS and Gatsby, you can simply apply "Scroll" property in Figma and we will automatically read that and generate a scrolling container for you. Do let us know if you need help with this!
Hi @thanhauco, it's on our roadmap but we're currently focusing on the existing frameworks that we already support! As of now, Vue is slated for Q2'2023
Hi @Motivation World, at the moment you can export code and add logic/integrate APIs in your code editor. In the next 1-2 months, we'll be letting you integrate APIs directly inside the Locofy Builder, so stay tuned!
Hi Roman, this is currently not supported. Thanks for your suggestion, we're constantly adding new tags and will add camera open/file upload for React Native to our list of tags we plan to add
@@locofy_ai It wll be really incredible if you can do this. Locody is the best tool for me right now. It indeed speeds up the product design and development cycle 5x.
@@Dan-kt7hk Really amazing to hear that - we will keep you posted on this! Also, we're looking for projects to showcase and would love to learn more about what you're working on :) Please drop us an email at hello@locofy.ai if you're open to this!
Checkout this video on how you can extend the code and add APIs to it. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-I6phRCmYFvo.html&ab_channel=Locofy
Hi @Motivation World, due to overwhelming response for our Figma to React and React Native solutions, we will be building deeper for both of them in the coming quarter. But Flutter is on our roadmap and it's currently slated for Q1'23, do stay tuned!
Hi there, could you please reach out to us at hello@locofy.ai? We'd like to better understand to be of help. If you are new to React Native, you can also try using Expo which is easier to setup and run your simulation. Please check out this guide: guide.locofy.ai/using-expo-for-react-native
@@saurabhrajput2448 Hey Saurabh, thanks for trying Locofy! You can reach us any time at hello@locofy.ai, or join our Slack Channel at www.locofy.ai/join-slack for more real time support!
can u help me please, why is always showing error code like this while running emulator error: could not find or load main class org.gradle.wrapper.gradlewrappermain caused by: java.lang.classnotfoundexception: org.gradle.wrapper.gradlewrappermain
Hi Yoghi, you can refer to this React Native set up documentation to install the required dependencies for your Mac/Windows/Linus environment reactnative.dev/docs/environment-setup Please refer to the tab for "React Native CLI Quickstart" We're also going to be creating some additional guides for React Native environment set up soon!
@@locofy_ai it still not work, if i'm making new project it works, but if i'm converting figma to locofy n follow the step, 100 error, is always show gradlewrappermain javalang blablabla
Hi @@yoghijulian6192, sorry that you're facing this - could you please email us the error log and the list of steps that you used to try and build the project? Also, please invite hello+debug@locofy.ai to your Locofy project in the Builder, so that we can export the code as well to check for any issues. Thanks for raising this and we're here to help
![Locofy.ai | Figma design to React Native travel app in 19 mins with Locofy [Quick Build]](/img/logo.svg){kind=logo}
