UiChemy

Vous avez du mal à transformer vos magnifiques dessins Figma en un site WordPress fonctionnel ?

Nous comprenons que donner vie à vos dessins Figma peut être un véritable casse-tête. En fait, nos lecteurs nous demandent souvent des conseils sur la façon de surmonter cet obstacle (au point que nous avons récemment lancé nos propres services de conception WordPress).

C’est pourquoi nous sommes ravis de découvrir UiChemy. Cette extension promet de convertir vos dessins Figma en mises en page WordPress. Vous pouvez ensuite modifier ces mises en page et les publier, comme n’importe quelle page normale créée dans l’éditeur de blocs de WordPress.

Vous préférez utiliser un constructeur de page ? UiChemy peut également convertir vos modèles Figma en modèles Elementor ou Constructeur, en quelques clics.

Gagner du temps avec UiChemy, est-ce que c’est l’outil que vous cherchez ? Trouvons-le, dans cet Avis détaillé sur UiChemy.

Avis sur UiChemy : Pourquoi l’utiliser sur WordPress ?

UiChemy promet de vous faire gagner du temps et de rationaliser le processus de conception Web, en convertissant vos dessins Figma en sites WordPress directs .

Contrairement à d’autres extensions Figma, il ne s’agit pas d’un convertisseur de code Figma vers HTML, il n’ajoute donc pas de code HTML à vos dessins.

Au lieu de cela, il s’intègre directement avec Figma, l’éditeur/éditrices de blocs, ou votre constructeur de page préféré. Une fois cela fait, vous pouvez pousser le fichier Figma vers votre site WordPress directement. Enfin, vous pouvez peaufiner le design en utilisant Elementor, Constructeur de blocs ou l’éditeur de blocs intégré de WordPress.

Comme vous pouvez le constater, UiChemy fonctionne de manière transparente avec toutes ces plateformes, vous n’avez donc pas besoin d’écrire du code ou d’engager un développeur/développeuse WordPress pour convertir vos designs.

Si vous venez de Premiers pas ou avez un budget limité, vous pouvez exporter jusqu’à 10 designs Figma par mois à l’aide de l’extension gratuite UiChemy.

Cette extension est également livrée avec 10 modèles de démarrage Figma qui sont conçus pour fonctionner parfaitement avec WordPress. Il est également livré avec quelques outils essentiels pour vous aider à créer des sites Web adaptés aux mobiles, y compris une version lite du Responsive Manager d’UiChemy.

Si vous souhaitez exporter plus de 10 designs par mois, alors vous devrez mettre à niveau. Les offres premium d’UiChemy comprennent également des modèles supplémentaires, des marqueurs identifiés avancés et une version plus avancée du Responsive Manager.

Avis UiChemy : Le convertisseur Figma vers WordPress qu’il vous faut ?

Imaginez ceci : vous avez passé d’innombrables heures à créer un design époustouflant dans Figma. Vous êtes satisfait de chaque détail, mais il est maintenant temps de traduire cette vision en un blog WordPress fonctionnel .

UiChemy vise à combler ce fossé entre la conception et la développeur/développeuse. Il promet de vous faire gagner du temps, tout en s’assurant que le site fini reflète parfaitement votre conception originale.

UiChemy tient-elle ses promesses ? Nous allons le trouver.

1. Facilité d’utilisation

UiChemy a été conçu dans un souci de facilité d’utilisation. Pour commencer, vous pouvez l’installer et l’activer comme n’importe quelle autre extension WordPress, puis suivre les instructions à l’écran pour connecter WordPress à votre compte Figma.

Ceci fait, UiChemy agit comme un connecteur qui récupère vos dessins de Figma. En fait, vous pouvez pousser vos designs Figma directement dans WordPress en utilisant l’extension UiChemy.

Ou bien, UiChemy peut exporter manuellement vos modèles sous forme de fichier JSON, prêt à être importé dans WordPress ultérieurement. Si vous avez créé plusieurs Mises en page, UiChemy peut également les télécharger ensemble dans un fichier ZIP pour une organisation facile.

2. Convertir les dessins et modèles avec une précision de 95

Recréer manuellement des designs dans WordPress peut être un défi. Trop souvent, il existe des différences entre le design original et le produit fini.

En revanche, UiChemy promet de convertir vos conceptions avec une précision de 90 à 95 %. Sachez simplement que vous devrez suivre certaines bonnes pratiques de conception pour obtenir les meilleurs résultats, comme la création d’un design flexible et adapté aux mobiles.

3. Réglages flexibles de l’importation et de l’affichage

Vous pouvez contrôler exactement la manière dont UiChemy importe les designs sur votre site.

En fonction des extensions et plugins WordPress que vous avez installés, vous pouvez importer votre design sous la forme d’une nouvelle page WordPress, d’un nouveau modèle Elementor ou d’un nouveau modèle NexterWP.

Outil d’importation, vous pouvez remplacer ou mettre à jour un modèle ou une page existant(e). Enfin, vous pouvez ajouter le modèle Figma à n’importe quelle page ou modèle existant.

De cette façon, vous pouvez contrôler exactement la façon dont le design est utilisé sur votre site, votre blog ou votre stock en ligne.

4. S’intègre à Elementor

UiChemy s’intègre à la fois à la version gratuite et à la version pro d’Elementor. Cependant, si votre design utilise des widgets pro d’Elementor tels que le formulaire de contact, alors vous devrez acheter une offre premium d’UiChemy.

Comme nous l’avons déjà mentionné, UiChemy n’est pas un convertisseur de code Figma en HTML. Au lieu d’ajouter du code HTML, il convertit vos Réglages Figma en utilisant le jeu de widgets d’Elementor.

UiChemy supporte plus de 30 widgets Elementor, plus 30+ widgets fournis par Plus Addons pour Elementor. Cela dit, vous ne devriez avoir aucun problème à convertir votre modèle Figma en un modèle compatible avec Elementor.

5. Identification des Widgets Elementor

Lorsque vous exportez un design dans Elementor, UiChemy convertit ces éléments de design en widgets communs tels que des titres, des images et des icônes.

Cependant, UiChemy supporte une plage plus large de widgets Elementor que vous pouvez vouloir utiliser à la place. Dans cette optique, vous pouvez assigner manuellement un élément de conception Figma spécifique à un widget Elementor spécifique. Ce processus est connu sous le nom d’identification manuelle.

De cette façon, vous pouvez contrôler exactement comment UiChemy convertit vos designs en widgets et mises en page Elementor.

6. Conception adaptée aux mobiles

Lorsqu’il s’agit de créer un site responsive dans Figma, il est important d’utiliser la mise en page automatique plutôt que la position absolue.

Pour vous aider, UiChemy dispose d’un outil d’optimisation des cadres qui détecte tous les cadres n’utilisant pas la mise en page automatique. Vous pouvez ensuite appliquer la Mise en page automatique en quelques clics.

7. Gestionnaire et calculatrice responsive

Lors de l’exportation de vos designs, le Responsive Manager d’UiChemy peut optimiser votre mise en page pour les appareils mobiles. Ici, vous pouvez taper les valeurs que vous souhaitez utiliser sur les tablettes et les smartphones.

Pour obtenir les meilleurs résultats, vous devrez fournir chaque valeur mobile en tant que pourcentage de la valeur totale de l’ordinateur. Cela peut prêter à confusion, vous serez donc heureux d’apprendre qu’UiChemy propose également une calculatrice responsive.

Il suffit de taper la valeur que vous souhaitez utiliser sur les appareils mobiles, par exemple 10 pixels. UiChemy calculera ensuite cette valeur en pourcentage.

Ceci fait, il suffit d’ajouter le pourcentage dans le Responsive Manager. De cette manière, vous avez la certitude que votre mise en page s’affichera correctement sur les smartphones et les tablettes, sans que vous ayez à faire les calculs vous-même.

8. Supporte la mise en page absolue

Bien qu’UiChemy recommande l’utilisation de la mise en page automatique, il supporte également la mise en page absolue.

Lorsque vous exportez une mise en page contenant des objets absolus, UiChemy utilise la position absolue CSS pour s’assurer que ces objets restent exactement à la même position dans la mise en page importée.

9. Outil d’importation directe

Vous pouvez exporter vos dessins Figma sous forme de prévisualisation directe. Cela peut vous faire gagner beaucoup de temps et d’efforts par rapport au téléchargement et au téléversement manuels de vos fichiers de conception. C’est particulièrement vrai si vous voulez essayer un grand nombre de dessins différents.

Vous pouvez même ajouter plusieurs mises en page dans le même fichier, par exemple des mises en page pour différentes pages de votre site WordPress. Une fois cela fait, UiChemy peut créer une seule Prévisualisation mettant en avant toutes ces Mises en page et vous pouvez passer de l’une à l’autre d’un simple clic.

10. Compagnon d’optimisation

UiChemy est livré avec un compagnon d’amélioration intégré qui peut aider à améliorer la précision et la qualité de votre conception importée.

Cet outil détectera automatiquement tout problème lié à votre conception.

Il regroupera ensuite ces problèmes dans 4 onglets : Optimisation des médias, Phase d’optimisation du cadre, Optimisation du texte et Optimisation du cadre principal. Par exemple, si vous avez créé une image vectorielle en utilisant plusieurs éléments, UiChemy signalera ce problème potentiel et vous suggérera de verrouiller le groupe afin qu’il soit exporté en tant qu’image unique.

Souvent, vous pouvez résoudre ces problèmes en cliquant sur les boutons « Corrigé » ou « Tout corriger » d’UiChemy. UiChemy résoudra alors le problème pour vous.

11. Optimisation du cadre principal

UiChemy peut analyser le cadre principal de votre conception à la recherche de propriétés qui sont généralement ignorées dans le modèle exporté. Il s’agit notamment de l’espace, de la marge horizontale, de la marge verticale et de l’alignement.

Bien que ces propriétés soient généralement ignorées, les inclure dans le fichier exporté peut parfois donner des résultats imprévisibles. Cela dit, l’outil d’optimisation du cadre principal d’UiChemy permet d’identifier et de retirer ces propriétés en quelques clics.

12. Détecter et combiner automatiquement les SVG

Par défaut, Figma sépare les images SVG et les icônes en sections distinctes. Cependant, cela peut poser des problèmes lorsqu’il est temps d’importer cette conception dans WordPress.

Pour résoudre ce problème, UiChemy peut détecter automatiquement les SVG et leurs éléments, puis les exporter sous la forme d’un seul fichier SVG.

Vous pouvez également identifier l’élément à un widget ou utiliser la fonctionnalité de verrouillage d’UiChemy pour combiner plusieurs éléments en une seule image. Cela vous donne plus de contrôle sur la façon dont UiChemy traite les fichiers SVG de votre design.

13. Verrouillage des objets

Par défaut, UiChemy exporte chaque élément de conception en tant qu’élément individuel. Cependant, il peut arriver que vous créiez un seul objet en utilisant plusieurs éléments. Par exemple, vous pouvez créer un en-tête en utilisant une image de bannière, un bouton d’appel à l’action et du texte.

Dans ce cas, UiChemy peut verrouiller ces éléments ensemble et les exporter en tant qu’image unique. Souvent, cela permet de réduire la taille du fichier exporté, puisque vous exportez moins d’éléments individuels. Votre site, votre blog ou votre place de marché en ligne devrait ainsi être plus facile à gérer.

14. Accélérer vos importations

Par défaut, UiChemy importe les images directement depuis votre design Figma. Cela peut ralentir l’importation si votre design contient beaucoup d’images, ou si vous n’avez pas optimisé ces graphiques. Cela dit, il est important d’optimiser vos images avant de les ajouter à Figma.

Mises en page, UiChemy peut importer votre mise en page Figma sans aucune image. Cela peut être une bonne option si le concepteur d’origine n’a pas suivi les meilleures pratiques. C’est également une bonne option si votre conception Figma met en avant des images mises en avant que vous offrez de remplacer de toute façon.

Une autre option consiste à exporter la conception avec des images redimensionnées. Il suffit de saisir la valeur d’échelle que vous souhaitez utiliser, et UiChemy exportera la mise en page avec des graphiques redimensionnés.

15. Bibliothèque de modèles intégrée

Pour vous aider à créer rapidement de belles mises en page, UiChemcy est livré avec une collection préconçue de modèles Figma.

Ces modèles sont tous optimisés pour WordPress, de sorte que vous pouvez facilement importer la conception finie dans l’éditeur de blocs, Elementor ou Constructeur de briques. Par exemple, tous les composants à l’intérieur des modèles d’UiChemy sont pré-identifiés aux widgets pertinents, de sorte que vous n’avez pas besoin de les identifier manuellement.

UiChemy propose 3 types de modèles : Page, Section et Composant. Pour commencer, les modèles de page créent une nouvelle page de premier niveau qui suit toutes les directives de conception d’UiChemy.

Il existe également des modèles de section, que vous pouvez utiliser à l’intérieur de n’importe quel modèle de page. Enfin, les modèles de composants d’UiChemy fournissent des éléments individuels, et sont donc parfaits pour être ajoutés à la calque de modification actuel.

16. Support communautaire et professionnel

UiChemy promet de vous faire gagner beaucoup de temps et d’efforts, en convertissant automatiquement vos designs Figma en prévisualisations, pages et sites WordPress directs. Cependant, en cours de route, vous pourriez avoir besoin d’une aide supplémentaire pour créer des pages à fort taux de conversion et des sites Web étonnants.

Pour commencer, UiChemy dispose d’une documentation en ligne à laquelle vous pouvez accéder 24 heures sur 24 et 7 jours sur 7. Vous y trouverez des guides étape par étape sur la façon de définir et d’utiliser l’extension, ainsi qu’un guide de dépannage utile.

En outre, l’équipe UiChemy a créé des tutoriels vidéo, des webinaires et un fichier communautaire éducatif que vous pouvez importer dans votre compte Figma. Ce fichier contient des directives de conception, des marqueursurs de modèles et des exemples d’utilisation de l’identification manuelle dans vos conceptions Figma.

Vous préférez un support individuel ? Dans ce cas, vous pouvez passer à l’offre premium et obtenir de l’aide par le biais d’une discussion en direct ou d’un service d’assistance. Selon le site d’UiChemy, vous pouvez généralement vous attendre à une réponse dans les 24 heures, hors week-end.

Si vous utilisez l’extension gratuite, vous pouvez publier sur le forum UiChemy sur WordPress.org, et obtenir des réponses aux questions de base.

Lorsque vous publiez des messages sur des forums de support publics, il est toujours bon d’inclure autant d’informations que possible, afin que les experts puissent comprendre pleinement votre problème et publier une réponse utile. Pour en savoir plus sur ce Sujet, veuillez consulter notre guide sur la façon de demander correctement un support WordPress.

Avis sur UiChemy : Prix et offres

Si vous Premiers pas ou avez un budget limité, vous pouvez télécharger la version lite d’UiChemy sur WordPress.org.

Avec cette extension gratuite, vous pouvez exporter 10 designs Figma par mois. Sachez simplement que chaque page compte pour ce quota. L’offre gratuite comprend également 10 modèles de départ et un support de base.

Pour exporter plus de 10 pages par mois ou utiliser des fonctionnalités avant, vous devez mettre à niveau.

Deux offres sont proposées au choix :

• Pro. Pour 19 $ par mois, vous pouvez exporter jusqu’à 100 designs. Vous obtiendrez également 50+ modèles professionnels à utiliser dans vos designs.
• Accès illimité. Après avoir investi dans l’offre All Access (au prix de 49 $), vous pouvez exporter jusqu’à 500 designs par mois. Vous pouvez également partager UiChemy avec un maximum de 5 autres utilisateurs/utilisatrices de Figma. Cela dit, cette offre est parfaite pour les équipes ou les agences de développement WordPress qui ont besoin de créer beaucoup de designs, et d’accéder à des fonctionnalités plus avancées.

Sans aucune offre, vos créations exportées resteront intactes même si votre licence UiChemy expire.

Avis UiChemy : Le convertisseur Figma vers WordPress qu’il vous faut ?

Pour résumer cet Avis sur UiChemy, nous sommes convaincus qu’il s’agit d’une excellente extension pour rationaliser votre flux de travail Figma-to-WordPress.

UiChemy est une solution facile pour les concepteurs ou les propriétaires de sites qui souhaitent traduire leurs conceptions en mises en page WordPress fonctionnelles. Il est compatible avec l’éditeur de blocs, mais il s’intègre également de manière transparente avec Elementor et Bricks Constructeur. Cela signifie que vous pouvez modifier et gérer les conceptions importées en utilisant votre constructeur de page WordPress préféré.

Si vous souhaitez uniquement exporter un petit nombre de dessins Figma, l’offre gratuite est un bon point de départ. Cependant, vous aurez généralement besoin de l’offre premium si vous souhaitez concevoir un site entier ou gérer plusieurs sites différents.

Nous espérons que cet Avis UiChemy vous a aidé à décider si c’est le bon convertisseur Figma-WordPress pour vous. Ensuite, vous pouvez consulter notre guide sur la façon de booster la vitesse et les performances de WordPress, ou consulter notre choix d’experts des meilleures extensions de formulaires de contact.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.