Locofy
Locofy
  • 214
  • 446 035
Dev Update: Automatically Identify 22 Additional Tags!
We added 22 additional tags to our AI models. Check it out!
Join our Discord: discord.com/invite/r6UDBhEQ4s
View our Documentation: locofy.ai/docs/lightning
zhlédnutí: 314

Video

Import Custom Components from GitHub
zhlédnutí 296Před měsícem
In this video we show you how to import your custom component library from your GitHub repo Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: www.locofy.ai/docs/custom-components/import-from-github/
Import Custom Components from Storybook
zhlédnutí 132Před měsícem
In this video we show you how to import your custom component library from a public Storybook. Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: www.locofy.ai/docs/custom-components/import-from-storybook/
Import Custom Components from a Codebase
zhlédnutí 422Před měsícem
Major new update. We now allow you to import your component libraries. We can now use your components, rather than generating new code! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: www.locofy.ai/docs/custom-components/overview/
Tips and Tricks - Responsive Footers
zhlédnutí 182Před 2 měsíci
In this video, we show how you can quickly make your footers responsive! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
Tips and Tricks - Responsive Designs with Fill Container and Max Width
zhlédnutí 169Před 2 měsíci
In this video, we show how to use Fill Container with Max Width to make your designs responsive using Locofy Lighting! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
Tips and Tricks - Responsive Images
zhlédnutí 102Před 2 měsíci
In this video, we show how to make your images responsive! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
Design Best Practices for React Native
zhlédnutí 417Před 2 měsíci
In this video, we go over some design tips and tricks for React Native and Locofy! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
Tagging your React Native Bottom Tabs
zhlédnutí 126Před 2 měsíci
In this video, we show how you tag your React Native Bottom Tabs! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
Dev Update - Tour of Locofy Builder
zhlédnutí 324Před 2 měsíci
In this video, we will take you on a tour through the key features of the Locofy Builder! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
Dev Update - Design to Code, Incremental Updates
zhlédnutí 301Před 3 měsíci
In this video, we show how you easy it is to now do Incremental Updates, when converting your Design to Code. Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
Tips and Tricks - Edit Multiple Component Instances at Once!
zhlédnutí 130Před 3 měsíci
In this video, we show how you can create easily edit multiple Components at once using Locofy Lighting! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
Dev Update - Creating, Updating, and Deleting Components
zhlédnutí 127Před 3 měsíci
You can now Create, Update, and Delete Components directly inside the Locofy plugin! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
Dev Update - React Vite
zhlédnutí 115Před 3 měsíci
Locofy now supports React Vite! Join our Discord: discord.com/invite/r6UDBhEQ4s View our Documentation: locofy.ai/docs/lightning
​BuildShip & Locofy Livestream: Create Apps Fast with Low-Code and AI
zhlédnutí 962Před 3 měsíci
​BuildShip & Locofy Livestream: Create Apps Fast with Low-Code and AI
Tips and Tricks - Learn to create Accordions with Locofy Lightning
zhlédnutí 347Před 3 měsíci
Tips and Tricks - Learn to create Accordions with Locofy Lightning
Tips and Tricks - Adding New Media Queries
zhlédnutí 144Před 3 měsíci
Tips and Tricks - Adding New Media Queries
Tips and Tricks - New Feature: Component Creation in the Locofy Plugin!
zhlédnutí 348Před 3 měsíci
Tips and Tricks - New Feature: Component Creation in the Locofy Plugin!
Live stream Breakdown: Design best practices - Removing Overlapping Layers
zhlédnutí 235Před 3 měsíci
Live stream Breakdown: Design best practices - Removing Overlapping Layers
Live stream Breakdown: Design best practices - Good Layer Names
zhlédnutí 99Před 3 měsíci
Live stream Breakdown: Design best practices - Good Layer Names
Live stream Breakdown: Design best practices - Using Borders instead of Line Seperators
zhlédnutí 86Před 3 měsíci
Live stream Breakdown: Design best practices - Using Borders instead of Line Seperators
Live stream Breakdown: Design best practices - Using Min/Max Height/Width to Improve Responsiveness
zhlédnutí 118Před 3 měsíci
Live stream Breakdown: Design best practices - Using Min/Max Height/Width to Improve Responsiveness
Live stream Breakdown: Design best practices - Adding Wrapper Frames
zhlédnutí 90Před 3 měsíci
Live stream Breakdown: Design best practices - Adding Wrapper Frames
Live stream Breakdown: Design best practices - Use Paragraph Spacing Instead of New Line
zhlédnutí 121Před 3 měsíci
Live stream Breakdown: Design best practices - Use Paragraph Spacing Instead of New Line
Live stream Breakdown: Design best practices - Using the same Layer Structure for Components
zhlédnutí 86Před 3 měsíci
Live stream Breakdown: Design best practices - Using the same Layer Structure for Components
Center Aligning Elements to improve Responsiveness | Design best practices | Live stream Breakdown
zhlédnutí 85Před 3 měsíci
Center Aligning Elements to improve Responsiveness | Design best practices | Live stream Breakdown
Live stream Breakdown: Design Tips and Tricks - Flattening Complex Backgrounds
zhlédnutí 126Před 3 měsíci
Live stream Breakdown: Design Tips and Tricks - Flattening Complex Backgrounds
Dev Update March 20, 2024
zhlédnutí 119Před 3 měsíci
Dev Update March 20, 2024
Design to Working Youtube Clone with no code!
zhlédnutí 405Před 3 měsíci
Design to Working CZcams Clone with no code!
Locofy Livestream: Design best practices
zhlédnutí 532Před 4 měsíci
Locofy Livestream: Design best practices

Komentáře

  • @zalsify
    @zalsify Před 11 hodinami

    Great tutorial! but I wondering, how you create sticky header position?

  • @Sid7428
    @Sid7428 Před 2 dny

    Can I make a close button for the drawer, if so how?

  • @Sid7428
    @Sid7428 Před 12 dny

    Where do we get that hamburger icon, what i got from a plugin does not get recognised by locofy while developing

    • @locofy_ai
      @locofy_ai Před 6 dny

      You will need to add a hamburger icon which is hidden initially on Figma. This will need to be done manually

  • @aiviet5497
    @aiviet5497 Před 19 dny

    I bet You are Vietnamese:))

  • @Unisthegreat
    @Unisthegreat Před 22 dny

    Hello. How did you manage to adjust the style of input (floating label) when making the input field interactive?

    • @locofy_ai
      @locofy_ai Před 6 dny

      You can choose to tag the inner text as input allowing you to effective convert any design to code. You can also create a floating label is required.

  • @TedeaclipsNL
    @TedeaclipsNL Před 29 dny

    Thank you! Can you also add animation's on the buttons? so yeah how?

    • @locofy_ai
      @locofy_ai Před 6 dny

      In React native we do not support any animations at the moment

  • @postman2237
    @postman2237 Před 29 dny

    Fantastic, Can I do this with Web, create Routing - Navigating between Pages?

    • @locofy_ai
      @locofy_ai Před 6 dny

      Yeah you can create navigation in web as well using Figma Prototype with "navigate to" action

  • @fabsync
    @fabsync Před měsícem

    Fantastic tutorial! It will be great to have the figma file for the tutorial as well..

    • @locofy_ai
      @locofy_ai Před 6 dny

      You can view our Design for this video here: www.figma.com/community/file/1140675081699037964/locofy-sample-project-fickleflight-mobile

  • @eliomattar8898
    @eliomattar8898 Před měsícem

    Hello Can I run the react native code on my phone

    • @locofy_ai
      @locofy_ai Před 6 dny

      After you have exported the code you can create an APK which can be installed on your phone.

  • @kayrules2
    @kayrules2 Před měsícem

    does is support conversion to react native yet?

    • @locofy_ai
      @locofy_ai Před 6 dny

      We have Locofy Lightning for React Native on our roadmap but you can still use Locofy Classic for React Native at the moment

  • @fabsync
    @fabsync Před měsícem

    I have watched this tutorial a few times and it seems that the most important elements about responsiveness are not truly clear.. It will be nice if you do another tutorial on navigation and spend a little bit more time on the design process.. on how to prep the design for different screens, specifically the header element..

    • @fabsync
      @fabsync Před měsícem

      I found this tutorial.. it covers pretty much everything you need to know about. navigation and responsive design: czcams.com/video/mcROyX3hQ6g/video.html

    • @locofy_ai
      @locofy_ai Před 6 dny

      You can view the best design practices we recommend for optimal code conversion: www.locofy.ai/docs/tutorials/design-best-practices/ You can also view our UI kit having already optimised headers: www.figma.com/community/file/1167732372256619132/locofy-ui-kit-100-free-components-with-code-embedded

  • @priyanshubansal
    @priyanshubansal Před měsícem

    please make a backend video for creating an app like multi vendor eCommerce application , make admin portal , vendor portal and customer application

    • @locofy_ai
      @locofy_ai Před 6 dny

      Thank you. We have noted your request

  • @MW-fc4ge
    @MW-fc4ge Před měsícem

    very cool!

  • @amon1549
    @amon1549 Před měsícem

    Can you make the github repo public please?

  • @dmitriyrazmyslovich2670
    @dmitriyrazmyslovich2670 Před měsícem

    This is absolutely bonkers. Will be trying asap. :)

    • @locofy_ai
      @locofy_ai Před 6 dny

      Thank you, Do give us a try and share your feedback with us

  • @ep4r4
    @ep4r4 Před měsícem

    Uff! esto se pone potente, esta característica es buenísima.

  • @tradinghubindia5230
    @tradinghubindia5230 Před měsícem

    Will this be like the react expo?

    • @locofy_ai
      @locofy_ai Před měsícem

      We support both Expo and React Native CLI. You can select your preference from the project settings on the builder before export.

  • @Yona_elf
    @Yona_elf Před měsícem

    Create Component is not showing.

    • @locofy_ai
      @locofy_ai Před měsícem

      Request you to join our Discord Server and message LocoSid regarding this, he will be able to assist you. You can join our discord from here: discord.gg/r6UDBhEQ4s

  • @dido2036
    @dido2036 Před 2 měsíci

    Could you please share the link to the design used in Figma?

    • @locofy_ai
      @locofy_ai Před měsícem

      You may access the design here: www.figma.com/community/file/1170288495364885012/create-a-blog-app-with-locofy-ai-prismic-io

  • @innovatorshome
    @innovatorshome Před 2 měsíci

    Is it really validate the form? according to the email and password? I don't see any validation logic on the code

    • @locofy_ai
      @locofy_ai Před měsícem

      Hi, the input fields get a validation from the type selected. Please note that the extended business logic for validation will need to be added manually post exporting the code

  • @user-nd2wj9hm4x
    @user-nd2wj9hm4x Před 2 měsíci

    it doesn't help at all!!!!!!!!!!!!!!!!!!!

    • @locofy_ai
      @locofy_ai Před měsícem

      Request you to join our discord server and ping LocoSid so he can assist you with the problems you are facing. You can join our discord from here: discord.com/invite/r6UDBhEQ4s

  • @Opsonshop
    @Opsonshop Před 2 měsíci

    How to you create dropdown menu with selected option, i try using the dropdown feature but it is not working

    • @locofy_ai
      @locofy_ai Před měsícem

      You can add a few option in the dropdown menu and preselect a value from those option. If you are still facing an issue, request you to join our discord server and ping LocoSid. You can join our discord from here: discord.com/invite/r6UDBhEQ4s

  • @MatheusSilva-qm3ph
    @MatheusSilva-qm3ph Před 2 měsíci

    Very cool! Please give me a student permit.

    • @locofy_ai
      @locofy_ai Před měsícem

      @MatheusSilva-qm3ph Locofy is in Free Beta and you can use it by signing up

  • @MatheusSilva-qm3ph
    @MatheusSilva-qm3ph Před 2 měsíci

    Very good video, congratulations! Questions: Can you make a video on how to use locofy with framaer? And how does locofy work with PWA applications? Thanks.

    • @locofy_ai
      @locofy_ai Před měsícem

      Thank you for your suggestion

  • @ulisesperez1241
    @ulisesperez1241 Před 2 měsíci

    please keep improving ur software

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      We will. You may view our new design to code solution: czcams.com/video/WyWkf_5472o/video.html

  • @innovatorshome
    @innovatorshome Před 2 měsíci

    How can i switch from one tab to another in dashboard is this possible?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      In this video we do not support the other tabs. But it is possible to generate code for it using Locofy.

  • @lanskaba3668
    @lanskaba3668 Před 2 měsíci

    Amazing 😮

  • @princeton5471
    @princeton5471 Před 2 měsíci

    ✋ *Promo SM*

  • @kuriasjoy
    @kuriasjoy Před 3 měsíci

    Everything is agreed, but could you please create a duplicate layer version with responsive design completed in the Lightning version? is it coming with a responsive version (duplicated layer version), or do need to create it again with responsiveness in the Lightning version?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      At the moment we do not have plans to create a duplicate version of the layer but we have noted your request for it.

    • @kuriasjoy
      @kuriasjoy Před 2 měsíci

      Thanks, but please bring it ASAP; my tasks are delayed because of this. 😅 I am Recreating the responsive version from the completed version. That’s why

  • @innovatorshome
    @innovatorshome Před 3 měsíci

    I got one question? Hey james you just add hover effect for one listing items and it is working for all? You made the component on builder right? But it is already working on the preview screen? Does changes made in the builder also sync in preview?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      In Locofy Lighting you can create components in the preview. Also with regard to the hover effect, when you are editing a layer that is a components we not allow you to edit a property for all instances and thus the hover works for all of them. Currently not all changes made in the builder sync to the plugin.

  • @innovatorshome
    @innovatorshome Před 3 měsíci

    So you mean when we regenerate the code it just regenerate the changes we made right?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      Thats correct. We no longer regenerate the full code but instead update only the design changes. Do give it a try and share your feedback with us. Thank you

  • @MatheusSilva-qm3ph
    @MatheusSilva-qm3ph Před 3 měsíci

    Very good. One question, is it possible to use locofy with projects created with relume? Thanks

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      At the moment we do not support relume but we have noted your request for it

  • @FarshadFazaeli-nu3bi
    @FarshadFazaeli-nu3bi Před 3 měsíci

    do you have z promo code to join them?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      We are currently in free beta and you can sign up and use the plugin at your convenience. Figma plugin link: www.figma.com/community/plugin/1056467900248561542/locofy-lightning-figma-to-code-in-1-click-free-beta

  • @SjarMenace
    @SjarMenace Před 3 měsíci

    Take my money

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      We are currently in Free Beta so you can use the Locofy to optimise your design and generate high quality code. Should you need some assistance in optimising your design file you can follow the best design practices mentioned here: www.locofy.ai/docs/tutorials/design-best-practices/

  • @kee04O
    @kee04O Před 3 měsíci

    Please help

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      Hi, can you please reach our to LocoSid on our discord server: You can join our discord from this link: discord.com/invite/r6UDBhEQ4s

  • @kee04O
    @kee04O Před 3 měsíci

    Hi dear locofy i get a troublesome question when deploy to vercel. It fail and show"No Output Directory named "dist" found after the Build completed." How?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      Hi, can you please reach our to LocoSid on our discord server: You can join our discord from this link: discord.com/invite/r6UDBhEQ4s

  • @megaroeny
    @megaroeny Před 3 měsíci

    This looks amazing. Congratulations and all the best

  • @OliverFujimori
    @OliverFujimori Před 3 měsíci

    Locofy is an astounding tool and deserves it. Hopefully when pricing hits it can still be accessible to third world countries too. It`s really a tool that helps development of business everywhere. Please consider the pricing for non-USD earners with love ;)

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      Thank you, we have noted your suggestion for accessibility and pricing.

  • @innovatorshome
    @innovatorshome Před 3 měsíci

    Please upload the file> in description

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      We will be publishing this file to the Figma community soon.

  • @mahamudmunna5000
    @mahamudmunna5000 Před 3 měsíci

    will it work will all figma design or just with auto layout ?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      It will work with any figma design but for optimal results we recommend that you following the best design practices and make your design autolayout. You can view our documentation for the best design practices: www.locofy.ai/docs/tutorials/design-best-practices/

  • @humbertoventura1344
    @humbertoventura1344 Před 3 měsíci

    what happens to all my interactive components created in Figma, all ditched, right

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      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. With respect to the interactions, at the moment we pick up the following interactions from the Figma Prototype: navigate, scroll, open overlay and open link. We will also extend support for the other interaction next quarter.

    • @humbertoventura1344
      @humbertoventura1344 Před 2 měsíci

      @@locofy_ai but Figma variants are the basis of any component.

  • @katechaparro8767
    @katechaparro8767 Před 3 měsíci

    I can't get it to work with tabbed sections, any advice?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      At the moment we do not support creating tabbed section directly through locofy. You can connect with LocoSid on our discord and he can assist you with this. You can join discord from this link: discord.com/invite/r6UDBhEQ4s

  • @humbertoventura1344
    @humbertoventura1344 Před 3 měsíci

    this bullshit of a widget disregards all the complex work made on Figma interactive components and we have to create new interactions. What point is this?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      At the moment we pick up the following interactions from the Figma Prototype: navigate, scroll, open overlay and open link.

    • @humbertoventura1344
      @humbertoventura1344 Před 2 měsíci

      @@locofy_ai there are tons of interactions that can be made on Figma besides those. So a UI designer has to do all interactions again on React, what is point of this?

  • @humbertoventura1344
    @humbertoventura1344 Před 3 měsíci

    This is complete bullshit, so my interactive components built in Figma are reduced to zero and I have to create new interactions? Locofy can shove this widget up is ass, thank you.

  • @humbertoventura1344
    @humbertoventura1344 Před 3 měsíci

    what if I created complex components in Figma, they are all tossed aside, right?

    • @locofy_ai
      @locofy_ai Před 2 měsíci

      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.

    • @humbertoventura1344
      @humbertoventura1344 Před 2 měsíci

      @@locofy_ai Figma variants are the basis of any component. If you dont support variants whats the point?

  • @IntellectCorner
    @IntellectCorner Před 3 měsíci

    Hi. Please share GitHub link of the code in the description.

  • @kee04O
    @kee04O Před 3 měsíci

    underated video of responsive design( after i have compared for several video i watched)

  • @spaceshipdev
    @spaceshipdev Před 3 měsíci

    'Alright!'