Figma : Exporter votre design en html css avec Anima
HTML-код
- Опубликовано: 14 мар 2022
- 🎓Formation Figma disponible sur Udemy : www.udemy.com/course/figma-de...
+700 inscrits dans +35 pays 🚀
Tous publics ~ Accès illimité ~ Certificat de fin de formation ~100% en ligne
---
Figma que l’on ne présente plus est un outil de design collaboratif qui va vous permettre de concevoir des interfaces web de manière très pratique. L’une des fonctionnalités que Figma met en avant est la possibilité d’exporter les designs que vous avez créé vers différents formats que les développeurs apprécieront tout particulièrement : pure Html, React ou Vue.
#html #css #react #vue #anima #export #figma #UXUI #design #siteinternet #applicationmobile #interfaceweb #tutoriel #formation
🎓Formation Figma disponible sur Udemy : www.udemy.com/course/figma-designer-interfaces-web-applications-mobiles
+700 inscrits dans +35 pays 🚀
Tous publics ~ Accès illimité ~ Certificat de fin de formation ~100% en ligne
Merci Dekolage pour cette video!
Avec plaisir ! 👌
merci beaucoup
Avec plaisir Mouad 😉
Merci pour la vidéo ! j'avais une question.
imaginons que j'utilise Figma pour crée un designe ( Un thème ) avec des animation etc etc...es ce que je pourrais l'importer sur wordpresse pour crée mon sit directement ?
Hello, pour héberger ton site web réalisé sur Figma, il faudra pour cela le développer à l'aide d'un CMS, c'est le plus simple. On peut citer Wordpress ou Webflow par exemple. Il te faudra également un hébergement et un nom de domaine, tu peux les commander sur Ionos ou Ovh entre autres, ça coute grosso modo 10€ par mois.
Hello j’aurais une question !
Voilà j’essaye d’utiliser ce plugin depuis un petit moment, mais je n’y arrive pas spécialement x) en effet j’ai réalisé ma maquette sur figma avec toutes mes pages reliées entre elles (click, hover …). Me soucis est que dès que j’essaye d’exporter via le plugin, je n’ai aucun lien entre mes pages … elles ne sont pas reliées entre elles
salut ! as tu trouvé la solution ? depuis hier je galère
salut ! as tu trouvé la solution ? depuis hier je galère
Hello, si vous avez des réponses je suis preneur car de mon côté rien n'est relié non plus.
Esthétiquement des choses à revoir mais beaucoup de désordre pour le prix je trouve... Ou alors j'ai un gros bug à l'export j'en sais rien...
Waou belle révélation 😱 et moi qui me tue as coder un site d'après un visuel !!! Ça donne envie ! Mais c'est combien anima version pro tu n'en parles pas, cependant tres intéressant j'ai bien envie de me former sur figma
Hello @Le Mojo du Mojo ! Merci pour ton message. Anima propose une version gratuite limitée, tu ne pourras pas faire d'export HTML, React/VueJS components. Concernant la version payante, je viens de checker elle est à 31$/mois avec le custom domain qui va avec.
@@dekolage9225 la version gratuite offre 10 exports par mois!
Bonjour, si jamais je convertis mon design en code avec ce plugin et que le plugin disparaît ou tombe en panne, est-ce que mon site sera affecté ?
Hello @Meditation, tout dépend de ce que vous allez faire avec le code exporté. Si vous exportez votre code et travaillez à "l'extérieur" d'Anima la question ne se pose pas. Mais si vous avez un abonnement Anima Pro par exemple et que vous souhaitez le suspendre, vous allez perdre ces fonctionnalités : Export React/VueJS components, Export HTML code, Custom domain et Support. Je vous invite à checker leur page Pricing, il y a un beau tableau récapitulatif 😉
Bonjour, je me demande pourquoi je n'ai pas l'onglet "inspect" comme toi 🤔"design" et "prototype" c'est ok. Je suis en version gratuite, comme sur ta vidéo. Si quelqu'un à une idée ;)
Salut, je n'ai pas non plus le button "inspecter" as-tu eu une réponse ?
Tous ca est gratuit ?
Bonjour Kahina, merci pour ton commentaire. Figma propose une version gratuite largement suffisante pour les petites structures. Anima propose une version d'essai de quelques jours pour tester les différentes fonctionnalités.
Merci pour cette vidéo, mais existe t il un plugin qui nous permets d'exporter en HTML gratuitement ?
Anima propose 10 exports gratuits par mois :)
@@AnimaAppBonsoir est-ce que la version pro est un abonnement ou une licence que l'on paye en une seule fois ?
@@No_name_guy_ Bonjour! C'est un abonnement mensuel ou annuel si vous avez besoin de plus de 10 exports par mois. Avez -vous essayé?
Bonjour!@@No_name_guy_ non il s'agit d'un abonnement mensuel ou annuel.
J'ai regardé en vitesse les balises générées par l'outil et il semble y en avoir pas mal de génériques (par exemple dans la barre de navigation avec une div alors qu'un li serait plus adapté), ne serait-ce pas justement handicapant quant au SEO ?
Bonjour Clara merci pour ton message. Tu as tout a fait raison, d'où la nécessité d'avoir un minimum de base en code et SEO pour réajuster au besoin 👌
c pas possible de faire sa gratuiteme,t ?
Anima propose 10 exports gratuits par mois :)
Merci Anima.
C'est payant sur le plugin la dernière étape pour avoir le code HTML @@AnimaApp