# Design Tools

Prefer the team's existing tools and editable assets. Choose by task rather than introducing a new subscription or integration.

| Task | Practical route |
| --- | --- |
| Product UI or documentation screenshot | Browser screenshot tooling or the existing capture tool; show the real UI. |
| Asset tied to a design system | Existing Figma components and export workflow; use the applicable Figma skill when interacting with Figma. |
| Repeated banners or social graphics | Existing Canva or Figma template; verify current export and resize capabilities before relying on them. |
| Dynamic link-preview images | Existing framework or build-time template renderer. |
| Resize, crop, or compression | Installed image pipeline or utility; preserve source files. |

Keep editable originals, export only needed variants, and inspect font rendering, transparency, cropping, and file size. Use `technical-research` before depending on a tool API or version-specific feature.