Locofy.ai | Figma to React Native - Spotify Clone [Speedrun]
Вставка
- Опубліковано 14 лип 2024
- In this speedrun, we will create a Spotify clone in less than 30 minutes from a Figma design using Locofy.ai.
Timestamps:
00:00 - Introduction to Locofy
00:17 - Spotify Clone Overview - Designs & Code
01:13 - Making Figma Designs Responsive
17:05 - Tagging with Locofy
21:20 - Syncing Designs to Builder
22:10 - Builder Overview & Push to local Github Repo
23:53 - Creating components on Builder
25:18 - Pushing Refactored Code to Github Repo
25:39 - Wrap Up
Figma Designs Link: www.figma.com/community/file/...
Join our Slack community: www.locofy.ai/join-slack
Documentation & Tutorials: www.locofy.ai/docs/
![Locofy.ai | Figma design to Live Fashion Website with Locofy [Quick Build]](http://i.ytimg.com/vi/X7ws6QNxC6U/mqdefault.jpg)
![Locofy.ai | Going from a Stocks Dashboard Figma Design to a Next.js app with Locofy.ai [Quick Build]](/img/n.gif)
Most detailed video on this channel. Appreciated ❤
Glad you liked it!
Woooooow. This is amazing. I was just going to hire a UI developer for my react native app. I'm a backend developer but I think I'll be able to do this. This was indeed a fast run. A slower tutorial would have been nice but that's okay. I'll just need to focus really well and look tutorials from your site.
Glad that you liked it. And, noted your suggestion.
More video like this please, do youtube, spotify, facebook, twitter, netflix and please also add animations. By doing that you will attract more viewers and users of your product.
Noted. We will add these to our content roadmap.
@@locofy_ai Can you also do complex responsive UI? like a website that change the font size in smaller screen? or it adjust the margins based on media query? This will really help us understand limitations and possibilities when using locofy. Thanks!
Woooow
Thank you
Hello author, if our project was given a partial UI, and I used Locofy to generate the project, implementing some logic. However, after some time, two new pages have been added to the UI. How can I use Locofy to ensure that the previous logic remains intact and also incorporate the new pages?
You can generate the code for the two new pages and sync it to the same Locofy Project. You can use either Locofy Classic or Locofy Lightning to do this.
hello! great video - question about the copy and replace photo with png - what's the purpose behind that change?
The objective is that while designers may have multiple layers for a photo but for an engineer it should be a single image and thats why we replace with png
build a crm for realtors please!
Thanks for the suggestion! We'll add this to our roadmap.