Locofy
Locofy
  • 214
  • 441 583
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
Переглядів: 281

Відео

Import Custom Components from GitHub
Переглядів 251Місяць тому
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
Переглядів 111Місяць тому
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
Переглядів 365Місяць тому
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
Переглядів 173Місяць тому
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
Переглядів 160Місяць тому
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
Переглядів 94Місяць тому
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
Переглядів 4052 місяці тому
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
Переглядів 1222 місяці тому
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
Переглядів 3212 місяці тому
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
Переглядів 2952 місяці тому
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!
Переглядів 1242 місяці тому
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
Переглядів 1262 місяці тому
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
Переглядів 1122 місяці тому
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
Переглядів 9303 місяці тому
​BuildShip & Locofy Livestream: Create Apps Fast with Low-Code and AI
Tips and Tricks - Learn to create Accordions with Locofy Lightning
Переглядів 3303 місяці тому
Tips and Tricks - Learn to create Accordions with Locofy Lightning
Tips and Tricks - Adding New Media Queries
Переглядів 1423 місяці тому
Tips and Tricks - Adding New Media Queries
Tips and Tricks - New Feature: Component Creation in the Locofy Plugin!
Переглядів 3323 місяці тому
Tips and Tricks - New Feature: Component Creation in the Locofy Plugin!
Live stream Breakdown: Design best practices - Removing Overlapping Layers
Переглядів 2233 місяці тому
Live stream Breakdown: Design best practices - Removing Overlapping Layers
Live stream Breakdown: Design best practices - Good Layer Names
Переглядів 963 місяці тому
Live stream Breakdown: Design best practices - Good Layer Names
Live stream Breakdown: Design best practices - Using Borders instead of Line Seperators
Переглядів 843 місяці тому
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
Переглядів 1153 місяці тому
Live stream Breakdown: Design best practices - Using Min/Max Height/Width to Improve Responsiveness
Live stream Breakdown: Design best practices - Adding Wrapper Frames
Переглядів 853 місяці тому
Live stream Breakdown: Design best practices - Adding Wrapper Frames
Live stream Breakdown: Design best practices - Use Paragraph Spacing Instead of New Line
Переглядів 1193 місяці тому
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
Переглядів 823 місяці тому
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
Переглядів 803 місяці тому
Center Aligning Elements to improve Responsiveness | Design best practices | Live stream Breakdown
Live stream Breakdown: Design Tips and Tricks - Flattening Complex Backgrounds
Переглядів 1173 місяці тому
Live stream Breakdown: Design Tips and Tricks - Flattening Complex Backgrounds
Dev Update March 20, 2024
Переглядів 1193 місяці тому
Dev Update March 20, 2024
Design to Working Youtube Clone with no code!
Переглядів 3933 місяці тому
Design to Working UA-cam Clone with no code!
Locofy Livestream: Design best practices
Переглядів 5224 місяці тому
Locofy Livestream: Design best practices

КОМЕНТАРІ

  • @Sid7428
    @Sid7428 4 дні тому

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

  • @aiviet5497
    @aiviet5497 10 днів тому

    I bet You are Vietnamese:))

  • @lindahognas6803
    @lindahognas6803 14 днів тому

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

  • @TedeaclipsNL
    @TedeaclipsNL 20 днів тому

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

  • @postman2237
    @postman2237 21 день тому

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

  • @fabsync
    @fabsync 29 днів тому

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

  • @eliomattar8898
    @eliomattar8898 Місяць тому

    Hello Can I run the react native code on my phone

  • @kayrules2
    @kayrules2 Місяць тому

    does is support conversion to react native yet?

  • @fabsync
    @fabsync Місяць тому

    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 Місяць тому

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

  • @priyanshubansal
    @priyanshubansal Місяць тому

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

  • @MW-fc4ge
    @MW-fc4ge Місяць тому

    very cool!

  • @amon1549
    @amon1549 Місяць тому

    Can you make the github repo public please?

  • @dmitriyrazmyslovich2670
    @dmitriyrazmyslovich2670 Місяць тому

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

  • @ep4r4
    @ep4r4 Місяць тому

    Uff esto se pone potente, este buenísimo esa nueva característica

  • @tradinghubindia5230
    @tradinghubindia5230 Місяць тому

    Will this be like the react expo?

    • @locofy_ai
      @locofy_ai Місяць тому

      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 Місяць тому

    Create Component is not showing.

    • @locofy_ai
      @locofy_ai Місяць тому

      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 Місяць тому

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

    • @locofy_ai
      @locofy_ai Місяць тому

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

  • @innovatorshome
    @innovatorshome Місяць тому

    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 Місяць тому

      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 2 місяці тому

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

    • @locofy_ai
      @locofy_ai Місяць тому

      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 2 місяці тому

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

    • @locofy_ai
      @locofy_ai Місяць тому

      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 2 місяці тому

    Very cool! Please give me a student permit.

    • @locofy_ai
      @locofy_ai Місяць тому

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

  • @MatheusSilva-qm3ph
    @MatheusSilva-qm3ph 2 місяці тому

    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 Місяць тому

      Thank you for your suggestion

  • @ulisesperez1241
    @ulisesperez1241 2 місяці тому

    please keep improving ur software

    • @locofy_ai
      @locofy_ai 2 місяці тому

      We will. You may view our new design to code solution: ua-cam.com/video/WyWkf_5472o/v-deo.html

  • @innovatorshome
    @innovatorshome 2 місяці тому

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

    • @locofy_ai
      @locofy_ai 2 місяці тому

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

  • @lanskaba3668
    @lanskaba3668 2 місяці тому

    Amazing 😮

  • @princeton5471
    @princeton5471 2 місяці тому

    ✋ *Promo SM*

  • @kuriasjoy
    @kuriasjoy 2 місяці тому

    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 2 місяці тому

      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 2 місяці тому

      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 2 місяці тому

    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 2 місяці тому

      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 2 місяці тому

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

    • @locofy_ai
      @locofy_ai 2 місяці тому

      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 2 місяці тому

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

    • @locofy_ai
      @locofy_ai 2 місяці тому

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

  • @FarshadFazaeli-nu3bi
    @FarshadFazaeli-nu3bi 2 місяці тому

    do you have z promo code to join them?

    • @locofy_ai
      @locofy_ai 2 місяці тому

      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 2 місяці тому

    Take my money

    • @locofy_ai
      @locofy_ai 2 місяці тому

      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 2 місяці тому

    Please help

    • @locofy_ai
      @locofy_ai 2 місяці тому

      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 2 місяці тому

    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 2 місяці тому

      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 2 місяці тому

    This looks amazing. Congratulations and all the best

  • @OliverFujimori
    @OliverFujimori 2 місяці тому

    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 2 місяці тому

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

  • @innovatorshome
    @innovatorshome 2 місяці тому

    Please upload the file> in description

    • @locofy_ai
      @locofy_ai 2 місяці тому

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

  • @mahamudmunna5000
    @mahamudmunna5000 2 місяці тому

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

    • @locofy_ai
      @locofy_ai 2 місяці тому

      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 2 місяці тому

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

    • @locofy_ai
      @locofy_ai 2 місяці тому

      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 2 місяці тому

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

  • @katechaparro8767
    @katechaparro8767 2 місяці тому

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

    • @locofy_ai
      @locofy_ai 2 місяці тому

      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 2 місяці тому

    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 2 місяці тому

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

    • @humbertoventura1344
      @humbertoventura1344 2 місяці тому

      @@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 2 місяці тому

    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 2 місяці тому

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

    • @locofy_ai
      @locofy_ai 2 місяці тому

      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 2 місяці тому

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

  • @IntellectCorner
    @IntellectCorner 2 місяці тому

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

  • @kee04O
    @kee04O 3 місяці тому

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

  • @spaceshipdev
    @spaceshipdev 3 місяці тому

    'Alright!'

  • @charudattabangal9422
    @charudattabangal9422 3 місяці тому

    Fantastic !! But have few question. Can we only generate code for static website or it will be possible for dynamic one? Is it possible to generate two way data binding using angular? If yes then How? Do you provide any API integration?

    • @locofy_ai
      @locofy_ai 2 місяці тому

      We do support dynamic data through state variables and data binding in the Locofy Builder. You may view our documentation here: www.locofy.ai/docs/export-and-deployment/data-binding/

  • @nguyenthanhson9781
    @nguyenthanhson9781 3 місяці тому

    why i convert my design from XD file , all temlate using absolute to css :((

    • @locofy_ai
      @locofy_ai 3 місяці тому

      Hey, request you to join our discord community for faster support: discord.gg/r6UDBhEQ4s. You can message LocoSid on Lightning channel and he will assist you.