ENFR
8news

Tech • IA • Crypto

BriefingToday's VideoVideo briefingsTopicsToday's Top 50Daily Summaries

Claude Design : Canva et Figma peuvent trembler ? (+ 9 astuces terrain)

AI Eng.Ben BKApril 19, 202611:00
0:00 / 0:00

Summary

TL;DR

This video provides a detailed guide on how to effectively use Cloud Design on cloud.ai, including important usage tips, limitations, and best practices to avoid common pitfalls, especially regarding token consumption and design system integration.

Key Points

  • Cloud Design Overview

    The video introduces the Cloud Design feature on cloud.ai, which allows users to create designs, interactive prototypes, presentations, and one-pagers by conversing with Claude, an AI model. Unlike other models on the platform, Cloud Design has distinct usage and token limits resetting weekly, not daily, which users must carefully monitor to avoid running out of usage.

  • Subscription Plans and Usage Limits

    Usage of Cloud Design is tied to the user’s subscription plan. For example, the Pro plan offers limited usage, the Max 5 plan provides more capacity, and the Forfait 20 plan offers the most tokens. Since limits reset only once a week, users need to plan their design sessions accordingly.

  • Importance of the Design System

    A key feature is the ability to upload a design system, which allows Claude to generate designs consistent with a company’s branding, such as logos, fonts, and color palettes. Users can add design assets, graphical guidelines, and even website code from GitHub or local files to enable Claude to better understand and adhere to style constraints. The richer the input design system, the more consistent and token-efficient the output will be.

  • Input Context and Token Optimization

    Providing thorough context before starting a design project reduces token usage and improves output quality. The recommended prompt includes four elements: the objective (what you want to build), layout (the arrangement of design elements), content (text or media to fill the design), and target audience. This pre-planning ensures less back-and-forth interaction and more precise results.

  • Using Cloud Design Interface

    When creating slides or design elements, users interact with both a chat and comments section. The chat is reserved for major structural changes, such as adding slides or changing color themes, and consumes more tokens. Meanwhile, comments allow for small, targeted corrections and are more token-efficient. Users must be aware of a current bug where comments can disappear, potentially requiring re-entry through the chat, which is more costly token-wise.

  • Export Options

    Finished designs can be exported in multiple formats, including ZIP, PDF, and PPTX. The presenter prefers ZIP but noted some issues saving PDFs. This flexibility supports a range of workflows from presentations to web use.

  • Advanced Use Cases and Experimentation

    The speaker experimented with generating a full graphic charter for a newsletter project called "I got It," dedicated to weekly AI news. Five design variations were produced. While one was coherent and usable, others were less successful, highlighting the need for detailed prompts and context. The speaker suggests that current outputs can vary widely, requiring iterative prompting to optimize.

  • Community and Integration

    Users in the community are combining Cloud Design with other AI tools to generate videos, email marketing templates, and more, showing the potential for multi-AI workflows. Examples seen online showcase creative implementations that extend beyond just static designs.

  • Current Status and Preview Mode

    Cloud Design remains in preview, and some features or bugs are still being refined by the developers, so user feedback is valuable.

  • Practical Tips and Best Practices

    1. Monitor token consumption closely to avoid exhausting your weekly limit.
    2. Spend time preparing comprehensive and detailed prompts before starting a design to save tokens and improve precision.
    3. Use chat for significant structure edits and comments for minor tweaks.
    4. Be aware of bugs such as disappearing comments and workaround accordingly.
    5. Request Claude to review designs and provide suggestions before making changes.
    6. You can purchase extra usage if needed but carefully plan to avoid unnecessary spending.
    7. Ask Claude for design variations to explore different creative directions without needing completely new prompts.
    8. Use the “Save this version” command in chat to preserve progress checkpoints, allowing you to revert if the AI radically alters the design.
    9. Upload your existing enterprise design assets and style guides from the start to ensure consistent outputs.
  • Final Recommendations

    The video encourages users to explore example projects and templates provided within Cloud Design to understand best practices and token usage, as direct usage without preparation can rapidly consume tokens. The speaker promises future videos to share deeper insights from ongoing experimentation.

  • Conclusion

    Cloud Design is a promising AI-powered tool for generating complex designs through conversation with Claude, but it requires strategy to avoid resource waste and maximize quality. With proper preparation, design system inputs, and iterative interactions, users can produce professional-looking presentations, charters, and more.

This thorough walkthrough highlights both the capabilities and current limitations of Cloud Design, providing a valuable resource for users looking to leverage AI in their design workflows effectively.

Full transcript

Dans cette vidéo, on va voir comment manipuler Cloud Design et surtout comment éviter quelques pièges. Sur le site de cloud, cloud.ai, vous avez désormais un onglet ici, design. Cependant, on va tout de suite venir là-dessus. Attention à l'utilisation ainsi qu'aux limites. Et pourquoi je dis ça ? parce que j'ai fait l'erreur moi-même, c'est que ici on a vraiment l'utilisation de cloud design qui est complètement à part de l'utilisation des autres modèles. Donc ça, il faut absolument le savoir. Si vous êtes sur le Forfait Pro, vous aurez un peu d'utilisation de cloud design. Si vous êtes sur le Forfait Max 5, ça sera vraiment déjà pas mal. Si vous êtes sur le forfait 20, bon là, ça sera encore mieux. Mais attention parce que la limite se remet à zéro chaque semaine et pas chaque jour ou toutes les 4 5 heures. Donc prenez bien ça en considération. Ensuite au niveau de cloud design en lui-même, ici on peut le voir, j'ai fait pas mal d'essais ces derniers jours et j'ai pas mal de retours à vous faire. L'idée de base est assez simple. Vous allez avoir un chat, vous allez parler à Claude et il va cette fois-ci pas vous générer du code ou du texte mais des design. Il peut faire des designs, des prototypes interactifs, mais aussi des présentations, des one pagers et le tout vraiment juste en discutant avec lui. Première chose très importante à savoir, c'est qu'il y a la possibilité de mettre un design système. En fait, l'idée ici, c'est vraiment que si tu as une boîte, une entreprise ou déjà une charte graphique que tu dois respecter à l'avenir, bah tu peux mettre toutes les informations directement là-dedans. Donc de mon côté, OK, bon j'ai ma marque pour ma chaîne YouTube, mais j'ai pas vraiment de présentation, de graphisme, de charte graphique. Donc pour le moment, j'ai laissé ça vide. Mais si vous avez une entreprise, si vous avez déjà vraiment quelqu'un qui a bossé sur le graphisme et si vous voulez par la suite dans ce que vous allez générer respecter ce graphisme, il faut vraiment rentrer un maximum d'information là-dedans. Et dans la documentation de Cloud Design, ils le disent très clairement. Plus on met d'information, le mieux c'est. Et là, on parle pas juste d'information au niveau du graphisme, on peut aussi même rentrer du code. Bah oui, vous avez peut-être un site internet et Claude peut tout à fait analyser le code pour en déduire ici ensuite des éléments de design. Donc soit le code vous le mettez de GitHub, soit vous pouvez le mettre aussi directement de l'ordinateur et par la suite vous pourrez aussi uploader pourquoi pas un fichier Figma. Puis si vous avez ici des polices d'écriture, des logos et différents assets comme dit, n'hésitez pas surtout à les mettre. Mais toujours est-il que moi, ma personnellement, je n'ai pas vraiment ici de design pour ma chaîne ou autre. Ensuite, je l'ai déjà dit, mais pensez au contexte. Plus vous donnez d'informations et moins vous allez consommer aussi au niveau des tokens. C'est très clairement indiqué dans la documentation de cloud code. Donc si ici j'ai envie de créer un nouveau slide, ben on voit ici que je peux mettre un nom slide. Je peux utiliser un design system. Alors le design système, on vient de le voir. Si vous avez comme dit des assets pour votre marque, il s'en inspirera. Et puis on clique juste sur créer. À partir de là, on aura un autre écran. On a à la fois un chat et aussi des commentaires, mais avant tout, il faut mettre un maximum de contexte. Donc, vous allez pouvoir sélectionner un design système. Vous allez pouvoir aussi rajouter des skills. Et là, par exemple, au niveau des skills, on voit qu'on a un skill animated vidéo. Et ça, ça nous permettra de faire du motion design carrément. Vous pouvez aussi rajouter des captures d'écran. Vous pouvez encore une fois rajouter aussi du code et vous pouvez aussi ajouter un fichier Figma. Ce que je fais de mon côté, c'est que si j'ai une idée, je commence par discuter avec Cloud en dehors de Cloud Design puisque vraiment Cloud Design consomme énormément et que la limite est vraiment pas très élevée. Donc je discute déjà avec Claude et j'essaie vraiment d'avoir un maximum de contexte et d'idées. Et ces idées, ce contexte, ensuite je les passe à Clou. Au niveau du prompt, je pense qu'il y a quatre choses vraiment utiles. On aura besoin déjà d'un objectif. Qu'est-ce que tu veux construire ? Ensuite, la mise en page. Comment tout ça est arrangé ? Puis très important, on l'oublie souvent, le contenu. Bien entendu, si tu fais un slide, essae déjà d'avoir le contenu du slide. En plus, ça te consommera beaucoup moins ici de tokens par la suite. Essaie d'avoir un prompt avec tous les éléments validés au niveau du contenu des slides. Et enfin, parle aussi de l'audience, pour qui tu fais tout ça. Et à partir de là, quand tu vas presser sur valider, il va faire une présentation qui est plutôt pas mal. Alors, j'ai quand même remarqué par rapport à ce que j'ai vu en ligne, c'est qu'il y a une pâte clign. On sent que c'est du clot design, mais bon, il faut quand même reconnaître que ce qu'il fait est vraiment pas mal. C'est vrai que dernièrement, on avait aussi des skills qui étaient sortis au niveau de cloud code directement [grognement] et bon, on voit quand même que ça c'est beaucoup mieux. Et puis là, encore une fois, discutez vraiment avec lui. Si vous voulez ajouter des animations, il n'y a pas vraiment de bouton ici animation. Vous lui demandez, ajoute des animations, essayez de bien les décrire et voilà, c'est tout. Mais il y a quelque chose ici à savoir au niveau de chat et comments. Le chat à gauche, c'est pour les changements structurels. Tout ça, c'est écrit encore une fois dans la documentation. Donc là, tu diras "Ajoute un nouveau slide sur les prix, une section pricing, change la palette du couleur pour que les couleurs soient plus minimalistes" par exemple. Par contre, au niveau des commentaires, ça va consommer moins de token, c'est plutôt pour les changements ciblés. Donc si tu as des petits changements à faire, utilise les commentaires. Si tu as des gros changements structurels à faire, utilise le chat. Autre chose, l'onglet export. Donc tu peux exporter en point zip, c'est ce que je préfère personnellement en PDF, mais après j'ai du mal à l'enregistrer, en PPTX. Bref, tu peux l'exporter en pas mal ici de formats différents. Autre chose au niveau des commentaires, j'allais oublier mais il y a un petit bug en ce moment, c'est que les commentaires peuvent disparaître. Alors, c'est un bug connu qui va sans doute être patché, voire qui est peut-être même déjà patché. Et si ça arrive, bon à la limite, n'hésite pas à mettre ce que tu voulais mettre en commentaire dans le chat, mais ça va consommer plus de token. Donc j'espère pour toi que il n'y aura pas de bug à ce niveau-là. Donc voilà, ça c'était la présentation que j'avais faite pour la vidéo sur Cloud Opus 4.7. Et bon, faut reconnaître que ça fait tout à fait le travail. Maintenant, j'ai voulu aller plus loin. J'ai voulu faire vraiment une espèce de charte graphique complète et j'ai voulu faire cette charte graphique pour un petit projet de newsletter que je lance qui s'appelle I got It. Le but, le lien sera en description, c'est d'avoir chaque mardi toutes les actualités IA sans devoir se casser les pieds à être toute la journée connectée. Ça, c'est mon taf. Et regardez un peu le résultat. Bon, c'est intéressant mais par moment que ça part un peu en sucette. Il faut savoir qu'il y a différentes directions. Quand vous allez lui demander ici de générer une charte graphique, il peut partir dans différentes directions. Et moi, il m'en a proposé cinq. Donc j'ai la première direction à la limite que j'aime plutôt bien. Bon, je pense qu'on va sans doute la changer avec le temps, mais voilà, c'est bien pour le début et je trouve que c'est assez cohérent. Donc ce qu'on fait au niveau de cette newsletter avec mon petit LAL, c'est qu'on vient cibler les bonnes actu. Donc à ce niveau-là, le logo est assez cohérent. On a un espèce de viseur. C'est tout à fait cohérent. Au niveau de la police, bon, ça pourrait être mieux mais il y a aussi un travail au niveau de la police. Après, c'est une Google Font, mais les Google Font, il y en a certaines qui sont vraiment très bien. Donc ça, c'est la première direction qu'il m'a faite. Mais si on va sur les autres directions, je trouve que par contre c'est un peu nulos, enfin c'est même complètement nul. Donc voilà, j'essaie vraiment de travailler tout ça. Peut-être que je ferai encore d'autres vidéos là-dessus quand j'aurai compris euh d'autres choses. Il y a tout plein de gens ici qui essayent des choses et on comprend au fur et à mesure. Mais en tout cas, bon, je pense qu'il y a encore pas mal de travail pour vraiment prompter correctement ici. Mais encore une fois, je pense que mon erreur ici c'était de ne pas avoir donné assez de contexte. En gros, j'ai dit "Oui, je fais newsletter IA, bah essae de générer quelque chose, c'est pas suffisant." à savoir que vous pouvez aussi faire un projet à partir d'un template. Et on a aussi une section examples ici. Donc ça, je vous encourage à utiliser ça. Ça peut être intéressant pour un peu voir ce qu'il se passe et éventuellement économiser des tokens par la suite parce que si vous mettez directement dans Cloud Design sans vraiment comprendre et sans regarder des exemples. Alors, je vais vous montrer par la suite de cette vidéo des exemples vraiment cool, mais voilà, faites un peu gaffe ici de pas consommer tous vos tokens, ça part très très vite. Donc voilà, je trouve qu'il y a quand même des choses plutôt sympas et des choses moins sympas quand même. Bon, ça c'est je trouve à ce niveau là. Mais encore une fois, comme d'habitude, on a des gens qui font un peu des choses folles directement. Alors par contre, c'est des gens qui utilisent plusieurs IA en même temps. Ils font communiquer cloud design avec d'autres IA qui permettent de générer des vidéos ou autres. On a aussi quelqu'un qui a généré un template d'email marketing, c'est vraiment pas mal. Et ensuite pour les résultats un peu plus cool, on a souvent d'autres outils qui viennent se greffer à Cloud Design. Au niveau des présentations, voilà, vous voyez un peu l'esprit des présentations de Cloud Design. Je trouve que ça ressemble pas mal à la présentation que j'avais faite. On sent un peu la pâte Cloud Design ici. Après, autre chose à savoir, c'est que Cloud Design est toujours pour le moment en version preview. Et pour finir, quelques astuces. Fais vraiment attention à ta jauge de consommation. 2e astuce, passe du temps avant de prompter. Essaie d'avoir un maximum de contexte, tu vas consommer beaucoup moins. 3e astuce, le chat, c'est pour le structurel, les grosses modifications. Les commentaires, c'est pour les petites modifications. 4e astuce, il se peut qu'il y ait des bugs au niveau des commentaires, ça va être corrigé. 5e astuce, n'hésite pas à demander à Claude de review le design pour voir les changements ici à apporter. N'hésite pas à itérer mais comme dit puisque tu vas beaucoup consommer de token, réfléchis bien avant de prompter. 6e astuce est possible de mettre de l'usage extra. Donc voilà, il est tout à fait possible de payer pour avoir ici plus de consommation. Mais attention, autre astuce, n'hésite pas à lui demander des variations, ça il comprend très bien et ça pourrait permettre d'aller plus loin d'un point de vue créatif, de voir d'autres choses. Autre astuce, j'allais oublier. Elle est vraiment super cool celle-là. N'hésite pas à lui dire "Sauvegarde cette version, je veux potentiellement revenir en arrière." Tu dis directement ça dans le chat parce que par moment quand tu vas prompter ensuite il va complètement changer les choses et il faut vraiment pouvoir revenir en arrière. Donc c'est utile d'y penser dès maintenant. Et la dernière astuce c'est que le design s'érite. Donc si tu as déjà tout plein de choses au niveau du design de ton entreprise, metsles directement dès le début dans Cloud Design. Voilà, si vous avez aimé cette vidéo, n'hésitez pas à liker, commenter et à partager.