Reegz Profile picture
Jan 4 • 8 tweets • 4 min read
[THREAD] Connaissez vous Locofy.ai, l'outil qui vous permet de transformez vos maquettes #figma en code frontend (React, React Native, Nextjs, HTML-CSS et Gatsby) 👇
Installez le plugin locofy.ai sur Figma

➡ Utilisez ensuite votre design/maquette existant ou récupérez un modèle auprès de la communauté Figma
La première étape consiste à baliser vos calques, tel que les CTA ou les vidéos

➡ Locofy dispose également de LocoAI qui peut scanner vos maquettes pour vous recommander les bonnes balises pour chaque élément
Locofy génère un code responsive qui utilise le système Flexbox

➡Définissez des styles et ajouter du CSS custom si vous le souhaitez !
➡Une autre fonctionnalité est que vous pouvez créer des composants réutilisables et ajouter des composants pour le contenu dynamique, ce qui vous permet de gagner beaucoup de temps !
Vous pouvez Ă©galement visualiser un prototype qui fonctionne sur du code live

➡ Si vous travaillez avec votre équipe, vous pouvez également partager facilement votre prototype en utilisant un simple lien
➡ Une fois que vous êtes satisfait du code généré, vous pouvez alors déployer votre code directement vers Netlify ou Vercel, ou l'exporter
➡ Locofy.ai prend actuellement en charge Figma to React, React Native, HTML/CSS, Next.js, Gatsby

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Reegz

Reegz Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Reegz___

Jan 4
[THREAD] Apprenez le #SEO gratuitement à partir de ces cours (ressources en anglais) 👇

1. SEO Made Simple

➡ Maîtrisez les principes de base du référencement

URL : udemy.com/course/free-se…
2. Free SEO Training for Beginners

➡ Un cours également pour les débutants, malgré l'année de sortie, le contenu reste pertinent

URL : udemy.com/course/learn-s…
3. Learn SEO with SEMrush

➡ Comment utiliser SEMrush pour obtenir des résultats plus rapidement

URL : udemy.com/course/seo-lea…
Read 5 tweets
Jan 3
[#THREAD] Si vous voulez apprendre #Notion facilement, voici quelques exemples 👇

1. Ali Abdaal - How I use Notion

➡ Apprenez à améliorer votre productivité dans la vie, le travail et les études avec Notion

URL : youtube.com/playlist?list=… Image
2. Red Gregory - Notion Formulas

➡ Apprenez les cas d'utilisation des formules de base et avancées dans Notion

URL : youtube.com/playlist?list=… Image
3. Notion - Notion 101

➡ Apprenez tout ce que vous devez savoir pour commencer à utiliser Notion

URL : youtube.com/playlist?list=… Image
Read 6 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(