How to generate an AI Block Diagram

Step-by-step guide on generating a Block Diagram

1. Write a prompt describing how users interact with the system. A simple one-liner can work too but the best prompts are usually at least 3-4 sentences long. Applying the below framework generally yields good results:
   1. First, write out the structural components of the diagram. List out the blocks (components) as well as hierarchical groupings.
   2. Then, write out how those blocks should be connected. An easy way to do this is to write out the sequential flow of how data or a request travels through the system (e.g. User uploads file to web application).
   3. Include the visual requirements of a block diagram to the prompt: "Generate a block diagram of components inside a PC. All nodes are rectangles. Create sensible groupings. The diagram title should include "block diagram"."
2. Generate a diagram with the completed prompt.
3. Edit the diagram with follow-up prompts (this step requires signing in to Eraser).
4. Manually adjust the layout using GUI controls (this step requires signing into Eraser).

Tips on generating a Block Diagram

• Instead of writing a prompt from scratch, consider pasting excerpts from existing documents such as requirements docs, system documentation, or code.
• Working with an LLM to create a fleshed out diagram prompt can be effective. Describe the system or process that you're trying to visualize and ask it to create a list of blocks, groupings, and their relationships.