How canwe help?

Projects are the foundation of layernote. Each project type is tailored to a different workflow, so you can collect feedback on live websites, Figma designs, static files, or even compare your design to a live implementation using AI. Here is how to set up each one.

Website project

A website project lets your team annotate directly on a live website. This is the fastest way to collect visual feedback on anything that has a URL.

Steps

1. Click New project from your dashboard.
2. Select Website as the project type.
3. Paste the full URL of the website you want to review (e.g., https://example.com).
4. Give your project a name or let layernote generate one from the URL.
5. Click Create project.

Layernote loads the website inside a reviewable frame. Your team can navigate through pages, switch between viewport sizes, and click on any element to leave feedback.

Figma project

A Figma project connects directly to your Figma file, allowing your team to annotate on design frames without leaving layernote.

Steps

1. Click New project and select Figma.
2. Click Connect Figma and authorize layernote if this is your first time.
3. Browse your Figma files or paste a direct link to a specific file.
4. Select the frames you want to include in the project.
5. Click Create project.

Frames are imported as reviewable pages. When designs are updated in Figma, you can re-sync to pull in the latest version.

Static files project

Use this project type when you need feedback on images, PDFs, or other static design files that are not in Figma.

Steps

1. Click New project and select Static files.
2. Drag and drop your files or click to browse. Supported formats include PNG, JPG, SVG, and PDF.
3. Arrange the files in the order you want them to appear.
4. Give your project a name and click Create project.

Each file becomes a separate reviewable page. You can add or remove files at any time from the project settings.

Authenticated webapp project

For websites that require a login or session to access, layernote provides a lightweight script you install on your site. This allows your team to annotate directly inside the authenticated environment.

Steps

1. Click New project and select Authenticated webapp.
2. Copy the provided script snippet.
3. Add the script to your website's HTML, ideally just before the closing </body> tag.
4. Once the script is detected, confirm the connection in layernote.
5. Click Create project.

With the script installed, authenticated team members can open the layernote toolbar directly on your webapp, create annotations in context, and have them sync back to the layernote dashboard. The script is lightweight and does not affect your site's performance or end-user experience.

Project settings

After creating any project, you can adjust its settings at any time. Rename the project, update the source URL or connected Figma file, manage team access, or archive the project when it is no longer active. Project settings are accessible from the gear icon on the project dashboard.