How I create McKinsey Visuals in SECONDS with AI - Chris Eller's Knowledge Garden

## Get Visual from Text in Napkin AI [(00:00:00)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=0s) - Creating visuals to accompany text can be a time-consuming process, but there is a solution that uses AI to generate visuals in seconds [(00:00:10)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=10s). - The tool used to create these visuals is called [[Napkin | Napkin AI]], which can generate professional-looking graphs from text [(00:00:42)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=42s). - Napkin AI is different from other tools like Chad GPT, as it accurately interprets the text provided and creates visuals that match, without generating nonsensical or "alien language" results [(00:00:51)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=51s). - The tool is user-friendly and does not require extensive design experience, making it accessible to those who are not professional designers [(00:01:01)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=61s). - To use Napkin AI, users can sign up for free and access a page where they can input text, either by copying and pasting from another source or typing it in directly [(00:01:09)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=69s). - The tool is currently free, but it is likely that the developers will start charging for it in the future, making it worth trying out now [(00:00:30)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=30s). ## Basic Text Input [(00:01:16)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=76s) - A basic prompt can be used to generate content, which may not be of great quality, but can still produce a reasonable amount of text [(00:01:28)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=88s). - The generated text can be used to teach how to speak with frameworks, such as CHBT [(00:01:44)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=104s). - The AI-generated text may contain blue lightning bolts covering certain parts of the text [(00:01:49)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=109s). - The blue lightning bolts can be removed by selecting the text or hovering next to it and clicking on the lightning bolt [(00:01:55)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=115s). - AI can be used to generate text, which works similarly to other tools, and can be used as an alternative method [(00:01:18)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=78s). ## Visual Creation [(00:02:00)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=120s) - A tool can analyze text and create various options for visuals, including breakdowns of different ideas, cycles, and funnels, allowing users to generate more options if needed [(00:02:00)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=120s). - The tool can be used with existing text, such as a transcript, to create visuals based on the content [(00:02:28)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=148s). - The visuals created can be in the form of graphs, and the tool can simplify complex subjects, prioritize, and structure ideas to provide a clear understanding [(00:02:37)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=157s). - The tool provides different ways of visualizing ideas, which can help users understand and articulate their ideas better [(00:03:09)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=189s). - Users can flip through various visual options and select the one that best represents their idea, but once selected, they cannot go back to selecting more ideas [(00:03:01)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=181s). - If a user wants to see more options, they can click the blue button and generate again [(00:03:46)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=226s). - The tool allows users to choose visuals that do not require a linear way of thinking, enabling them to simplify, prioritize, and structure ideas in a non-linear manner [(00:04:03)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=243s). - The visuals can also help users highlight specific points when explaining ideas to others [(00:04:16)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=256s). - The tool can generate multiple visuals, and users can choose the one that best represents their idea, such as a visual showing the base logic of framework thinking broken down into three parts [(00:04:37)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=277s). ## Edit Your Visuals [(00:04:40)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=280s) - The style of visuals can be changed by clicking into the style option, which offers various styles, including hand-drawn ones [(00:04:40)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=280s). - Customization options for the style include changing the colors, thickness of the lines, and pattern [(00:04:52)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=292s). - The text can also be customized with various options, including changing the font, and saving different elements as [[PNG]], [[SVG]], or [[PDF]] [(00:05:21)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=321s). - The background of the visual can be turned off to have a transparent background, making it easier to use on other platforms like videos [(00:05:35)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=335s). - The resolution of the visual can be changed, and it can be put on the clipboard or downloaded [(00:05:43)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=343s). - A background can be added to the text to help convey the concept, and the font can be changed to a different one if needed [(00:06:07)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=367s). - The tool used for creating these visuals is [[Napkin | Napkin AI]], which offers various features and customization options [(00:05:53)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=353s). ## Create Custom Visuals [(00:06:34)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=394s) - Napkin AI allows users to add icons to their visuals by hovering over elements like titles and selecting from a range of options [(00:06:34)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=394s). - If the initial icon options do not meet the user's requirements, they can use the lightning bolt feature to generate similar-looking icons [(00:06:50)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=410s). - The spark search feature enables users to create specific visuals by typing in what they are looking for, such as a full moon or a module [(00:07:11)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=431s). - Users can also click on the blue "similar" button to view different versions of the visual they have selected [(00:07:36)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=456s). - Labels can be added to visuals, allowing users to include text elements alongside icons and other graphics [(00:07:47)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=467s). - Backgrounds can be customized to match the style of the title, giving users more flexibility in their design [(00:08:05)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=485s). - Users can center, style, and customize their visuals as desired, including changing text size, colors, and more [(00:08:16)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=496s). - The Pro version of [[Napkin | Napkin AI]] is currently free, allowing users to choose from a range of colors and use the dropper tool to ensure consistency in their design [(00:08:25)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=505s). - The dropper tool enables users to select colors from their visuals and apply them to other elements, ensuring a consistent look [(00:08:32)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=512s). - The sketch tool is another feature available in Napkin AI, allowing users to create custom visuals [(00:08:46)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=526s). ## Sketch Tool [(00:08:50)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=530s) - The Sketch Tool allows users to go beyond a rigid structure and connect ideas together by drawing lines, dragging them, and customizing their style and appearance [(00:08:51)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=531s). - The tool offers various features, including the ability to make the ends of lines into arrows, use the spark tool for softer lines, and change the style to ensure consistency [(00:09:01)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=541s). - Users can also utilize the Sketch Tool to create quick sketches of processes, which the tool will help to make look neat and organized [(00:09:34)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=574s). - The tool has the ability to detect what the user is trying to draw and can automatically turn sketches into shapes, such as rectangles, which can be resized [(00:09:49)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=589s). - There is another hidden use of the Sketch Tool, but it is not specified in this segment [(00:09:58)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=598s). ## Annotate [(00:10:00)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=600s) - Pressing the shift key changes the tool to a highlighter, allowing users to highlight specific parts of the visual [(00:10:00)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=600s). - The highlighter tool offers the option to change its color, enabling users to use different colors to represent different meanings [(00:10:07)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=607s). - Users can import images into the document, in addition to the created visuals, by uploading, dropping, copying, or pasting them [(00:10:15)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=615s). ## Easy Collaboration [(00:10:27)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=627s) - Collaborating and sharing visuals with others can be done by clicking on the comment section, which immediately highlights the section and allows for commenting, making it easier for others to see annotated versions and collect ideas in a trail on the document [(00:10:28)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=628s). - Shared documents can be replied to by others, and users can choose the level of access for collaborators, including options to view, comment, edit, or share, with the ability to add specific people and control their access [(00:10:47)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=647s). - Users can also download the entire document as a [[PDF]], eliminating the need to copy links, and can share the link directly [(00:11:17)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=677s). - The tool facilitates individual and collaborative thinking, allowing users to create visuals for unclear concepts and help themselves understand what they are trying to convey [(00:11:32)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=692s). - The tool, [[Napkin | Napkin AI]], is considered amazing and worth trying, with a link provided to access it, although it may start charging for its services in the future [(00:11:47)](https://www.youtube.com/watch?v=Xv_aYCt-Vco&t=707s). ## Sources - [website](https://www.youtube.com/watch?v=Xv_aYCt-Vco)