Best tools & workflows for pairing text and UI screenshots in UX case studies without formatting headaches?
Hi everyone,
I’m currently putting together a micro UX case study for my portfolio, and I’m struggling to find the right tool to cleanly combine written analysis with UI screenshots.
I have all the content written out (problem statements, usability findings, design rationale), but every time I try to format it alongside phone screenshots in standard tools like Google Docs, PowerPoint, or Notion, the layouts end up feeling clunky, misaligned, and unpolished.
For context:
- I want a clean, scannable layout where bullet points/paragraphs align naturally with corresponding screens.
- Standard document editors feel too rigid, while presentation apps often leave awkward white space or make dark-mode screenshots clash with the background.
- Spending hours micro-adjusting bounding boxes in PowerPoint feels counterproductive when I just want a clean document or deck.
What tools or platforms do you use for assembling raw case studies and portfolio decks? Do you stick to Figma templates, specialized portfolio builders (like UXFolio), or something else?
Any recommendations or workflow tips for keeping visual hierarchy clean when pairing text + screens would be greatly appreciated!