Help center
Open dashboard

Image Based Collaboration

Collect feedback on designs, mockups, and artwork the same way you do on a live site — pinned to the exact spot, tracked as tasks.

Atarim team Updated 29 Jul 2026 · 11 min read
Visual Collaboration
Comment pins placed directly on an uploaded design image in Atarim
Before you start

Relevant for

  • Designers and design leads
  • Anyone collecting client feedback on artwork before it gets built — branding, UI, print, or CAD

Required knowledge

  • Familiarity with how tasks work in Atarim. No prior setup needed.

Tools & resources needed

  • An Atarim workspace.
  • The design files, or a Figma link, you want reviewed.

Not every project is a live website. Image based collaboration lets you upload designs — or pull them straight from Figma — and gather feedback on them exactly as you would on a site: select the spot, leave a comment, get a task.

It is the same review loop your clients already know, applied to work that has not been built yet.

Design projects sit alongside website projects
They appear on the same Projects screen, and can be filtered with Image-Based Projects when you want to see only design work.

What You Can Upload

The formats go well beyond flat images, which is what makes this useful for print and technical work as well as screen design.

FormatTypically used for
JPG, PNGExported mockups, screenshots, and flat artwork.
PDFPrint work, multi-page documents, and client-ready presentations.
PSDPhotoshop files, without needing the client to own Photoshop.
AIIllustrator artwork — logos, brand marks, vector illustration.
DWGCAD drawings, for architectural and technical review.
Recommendation
The point of PSD, AI, and DWG support is that your client never has to open the source file. Upload the working file and they review it in the browser, which removes the “can you export a JPG for me” round entirely.

Creating a Design Project

There are three routes. Which you use depends on where the design currently lives and how often it changes.

MethodUse whenStarts from
Upload DesignsThe files are on your machine, or exported from wherever you designed them.Atarim
Drop a Figma URL HereThe design lives in Figma and you would rather not export anything.Atarim
The Atarim Figma pluginYou work in Figma daily and want to push designs and revisions out without leaving it.Figma

Uploading Files

The quickest route when you already have the files to hand.

  1. On the Projects screen, select Add Design. A panel opens with the Upload Designs tab active.
  2. Drag your files onto the drop zone, or select it to browse. The zone accepts PDF, JPG, PNG, PSD, AI, and DWG.
  3. Add more than one file if the review covers several designs. If you confirm without adding anything, Atarim asks you to upload at least one design.
  4. Confirm. A message reads Design project created, and the project appears on your Projects screen.
Adding a design from the Projects screen
Add a Design Project modal showing the Upload Designs panel on the left with a dashed drop zone, and the Work Inside Figma panel on the right.
Tip
You can upload several files at once, either by dragging them onto the zone or browsing your computer.

Importing from Figma

Use this when the design already lives in Figma and you would rather review the source than an export.

  1. Select Add Design, then the Drop a Figma URL Here tab.
  2. Paste the Figma design URL. The field shows the expected shape, which is the full design URL including its node reference.
  3. Confirm. A message reads Design project created from Figma. If the URL is not a valid Figma design link, Atarim says so rather than failing silently.
Pasting the Figma design URL
A Figma design imported into Atarim and ready for feedback
The imported Figma design, ready for review
Copy the link from the frame, not the file root
The node reference in the URL is what tells Atarim which part of the file to bring in. Select a specific frame before copying and only that frame is imported; with nothing selected, Atarim imports the full page canvas.

Using the Atarim Figma Plugin

The first two routes pull a design into Atarim. The plugin works the other way — it puts Atarim inside Figma, so designers push work out from where they already are. Installed in Figma, it can:

  • Create a project in Atarim from your Figma file.
  • Add a design to an existing Atarim project.
  • Push a new version when you revise, without exporting or re-uploading anything.
  • Bring Figma comments across, so existing discussion is not stranded in Figma.
Figma URL importFigma plugin
You start inAtarimFigma
Setup neededNoneInstall the plugin and connect the workspace
Adding a revisionImport again, or upload a new versionPush a new version from Figma
Existing Figma commentsNot brought acrossCan be brought across
Best forA one-off reviewDesigns that keep changing
Recommendation
If designs iterate more than once or twice, install the plugin. Pushing a revision as a new version from inside Figma turns a five-step export-and-upload into one action — and that difference decides whether versions actually get kept up to date. Select only your finalised frames rather than the whole working canvas. Learn More About The Atarim Figma Plugin
Note
The plugin connects at workspace level rather than per project, so it is set up once and available to everyone using that workspace.

Organizing Your Designs

Inside a design project you can rename, reorder, and delete individual designs, and add further versions of each.

Renaming a design inside an Atarim design project
Renaming a design
Reordering designs within an Atarim design project
Reordering designs to set the review sequence
Deleting a design from an Atarim design project
Deleting a design
Tip
Use a logical naming structure — Overview, Assets, Guidelines, Details. Reviewers then work top to bottom instead of hunting for the right screen.

Reviewing a Design

Opening a design project puts the artwork on a canvas with your feedback pinned directly onto it. The interaction is deliberately the same as reviewing a website.

  1. Open the design project from the Projects screen. The design loads on a canvas, with any existing tasks shown as numbered pins.
  2. Select the point on the design your feedback is about. A pin is placed and a task panel opens beside it.
  3. Write your comment and submit it. A task is created, anchored to that exact point on the design.
  4. Select an existing pin to read or reply to its thread.
A numbered task marker pinned to a point on a design in Atarim
Pins anchor to a point on the artwork, so nobody describes where they mean
The snapshot captured on an Atarim design task at the moment it was created
Each task keeps a snapshot of the design as it was when the feedback was left
Opening the grid view of designs within an Atarim design project
Opening the grid view
The grid view showing every design in an Atarim project side by side
Grid view shows every design in the project at once
Use the magnifier for fine detail
Kerning, hairline rules, and small type are hard to judge at fit-to-screen zoom. The magnifier is quicker than zooming the whole canvas.

What a Design Task Holds

Design tasks carry the same detail as website tasks, so work moves through your board without a separate process.

FieldNotes
StatusOpen, In Progress, Pending Review, or Complete.
PriorityLow through Critical.
TagsType and press Enter to create a new tag.
Due DateSet or cleared on the task.
Assignees and notificationsWho is working on it, and who hears about it.
Technical detailsIncludes image dimensions and the screen size the feedback was left at.
Copy task linkA direct link to that task, for sharing outside Atarim.
Changing the status of a design task in Atarim
Changing a task’s status
Setting the priority of a design task in Atarim
Setting priority
Setting a due date on a design task in Atarim
Setting a due date
The list of people who will receive updates about an Atarim design task
Who receives updates about the task
Adding an internal note to a design task in Atarim
Internal notes stay hidden from clients and guests
Annotating a design directly from a task in Atarim
Annotating a design from within the task

Internal notes, attachments, canned responses, and image annotations are available on design tasks too, each subject to your plan. Learn More About Internal Tasks

Several task features are plan-gated
Attachments, notes, internal tasks, canned responses, image annotations, status and priority, and content management each show an upgrade prompt if your plan does not include them — for example “Image annotations are locked”.

Working with Versions

This is the part that makes design review workable over time. A design is not one file — it is a sequence of revisions, and Atarim keeps them together rather than as separate projects.

  1. Open the design and find the version selector. It lists the versions of that design, most recent first.
  2. Select Add new version and upload the revision. The new version joins the design’s history rather than replacing it.
  3. Switch between versions using the selector. You can look back at what a design used to be, alongside the feedback that changed it.
Adding a new version of a design in Atarim
Versions live inside the design rather than as separate projects
Recommendation
Add a new version rather than a new design each time you revise. The client sees the progression, and earlier feedback stays attached to the version it was about. If the design lives in Figma, push the new version straight from the plugin instead of exporting and uploading.
The last version cannot be deleted
Atarim will not let a design be left with no versions at all. Deleting a version also cannot be undone, so remove one only when you are certain. Creating and deleting versions are permission-based — if the controls are missing, ask an administrator about your role.

Page Status and Approval

Every design in a project carries its own status, not just the project as a whole. Internal users set In Progress, Needs Review, or Approved; clients and guests see a simplified control instead.

  1. The designer sets the design to In Progress while working on it.
  2. Once it is ready for feedback, they set it to Needs Review.
  3. After revisions are complete, it is marked Approved.
The page status control on a design in Atarim, showing the available states
Each design carries its own status
Warning
Avoid approving a design that still has unresolved high-priority tasks. Important issues get missed once development begins.

The Chat Panel

The Chat panel is the main communication area for a design review. It holds the high-level discussion, shows guests the latest non-internal message, and is where you set out what kind of feedback you are asking for.

Adding review instructions in the Atarim chat panel before sharing a design project
Adding review instructions before sharing the project
The Share control on an Atarim design project, used to invite stakeholders
Share to invite stakeholders once the instructions are in place
Recommendation
Use Chat to explain what feedback you expect before inviting stakeholders. If no introduction is added, a default client-facing message appears instead.

Benefits of Reviewing Designs in Atarim

BenefitIn practice
Clients need no design softwarePSD, AI, and DWG files are reviewed in the browser, so nobody asks you to export a flat version.
Feedback is pinned, not described“Move this 10px left” lands on the actual element rather than in an email.
Revisions stay togetherVersions live inside the design, so the history of a piece of work is in one place.
One process for everythingDesign feedback becomes tasks on the same boards as website work — no second system to check.
Clients already know howIt is the same click-and-comment interaction they use on a live site.

Example Use Cases

SituationHow to set it up
Logo and brand reviewUpload the AI file. The client comments directly on the mark without owning Illustrator, and each revision goes in as a new version.
UI designs before buildImport from Figma so you review the source. Feedback becomes tasks your developers pick up alongside site work.
A design system iterating constantlyInstall the Figma plugin so each revision is pushed as a new version from inside Figma, with no export step.
Print artwork sign-offUpload the PDF and let the client pin corrections to the exact line — far safer than a marked-up printout.
Architectural or technical drawingsUpload the DWG for review in the browser, with comments anchored to the part of the drawing in question.
A design iterating over weeksKeep one design project and add versions. The progression and the feedback that drove it stay together.

Known Limitations

  • The last version of a design cannot be deleted.
  • Deleting a version or a design cannot be undone.
  • Creating and deleting versions are permission-based, so not every role can do it.
  • Several task features are plan-gated — annotations, attachments, notes, internal tasks, and canned responses among them.
  • Figma import needs the design URL including its node reference, not a link to the file root.

FAQs

What file types can I upload?

PDF, JPG, PNG, PSD, AI, and DWG — so working files as well as flat exports.

Does my client need Photoshop or Illustrator?

No. They review the file in the browser, which is the main reason to upload the source rather than an export.

Can I bring designs in from Figma?

Yes. Paste the Figma design URL, including its node reference, on the Figma tab of the Add Design panel.

How is this different from the Figma plugin?

Importing pulls a Figma design into Atarim and starts from Atarim. The plugin starts from Figma, letting designers create projects, add designs, push new versions, and bring existing Figma comments across without leaving Figma.

Should I use the URL import or the plugin?

Use the URL import for a one-off review. Install the plugin if designs revise regularly — pushing a new version from Figma is far quicker than exporting and uploading each time.

Can I upload a revised design without losing the old one?

Yes — add it as a new version. Versions live inside the design, so the history stays intact.

Can I delete a version?

Yes, if your role allows it, but the last remaining version cannot be deleted and the action cannot be undone.

Do design tasks work like website tasks?

Yes. Same statuses, priorities, tags, due dates, assignees, and boards.

Can clients review designs the same way they review sites?

Yes, and it is the same interaction — select the spot, leave a comment.

Common issues

  • “Please upload at least one design.” — no file was added. Drop a file onto the zone before confirming.
  • “Please enter a valid Figma URL.” — the link is not a Figma design URL. Copy it again from the frame you want reviewed.
  • “Failed to import from Figma. Please try again.” — the import did not complete. Check the link is still valid and the file reachable, then retry.
  • A task feature shows as locked — that feature is not included on your plan. The prompt names what is needed.
  • You cannot add a version — your role does not allow it. An administrator can change that.
  • You cannot delete a version — either your role does not allow it, or it is the only version. The last one cannot be removed.
  • The design is missing from Projects — check the workspace, then clear filters. Design projects are also findable with the Image-Based Projects filter.
  • Fine detail is hard to judge — use the magnifier rather than zooming the whole canvas.

Conclusion

Image based collaboration closes the gap between design and build. Feedback on a mockup is gathered the same way as feedback on a live page, lands on the same boards, and follows the design through its versions — so nothing is lost between the artwork being approved and the work being done.

The review tools themselves are shared with website projects. Explore The Visual Collaboration Tools

Tips & best practices

  • Upload the working file rather than an export. Clients review PSD, AI, and DWG in the browser with nothing installed.
  • Add versions instead of new projects, so the history and its feedback stay together.
  • Copy the Figma link from the frame you want reviewed, not the file root.
  • Install the Figma plugin if designs revise often — pushing a version from Figma beats exporting and uploading every time.
  • Use the magnifier for fine detail rather than zooming the whole canvas.
  • Tag design tasks consistently with your website work so one board covers everything.
  • Remember the last version cannot be deleted, and that no deletion here can be undone.

Related articles