Add Image as Context

Using image as Context is a powerful, handy tool that can help you write code faster.

Usage: If any Focus is set, remove it by clicking the X button next to it. Then click on Context and select Add an image.

Remove Focus

Add image as Context

Usage Examples

Flowcharts and Schematics

• Visual Interpretation: Upload flowcharts or schematics into the chat. Qodo Gen will analyze these visuals to provide insights or feedback.

• Code Conversion: Request Qodo Gen to convert diagrams into executable code, streamlining the transition from design to development.

UI Design

• Code Generation: Upload an image of your UI design and ask for the corresponding front-end code. Qodo Gen will generate the necessary code snippets to develop your design.