# Redesigned Overleaf editor ## Getting Started We've redesigned our editor to improve space utilization, seamlessly integrate features, and enhance the overall experience. The new editor is designed to feel intuitive and familiar, building on your previous use of Overleaf. The editing pane remains on the left and the PDF viewer on the right. * You can still switch between the **Code** and **Visual** editors using the toggle at the top-left of the editing pane. * The **Recompile** button remains at the top-left of the PDF viewer.
Image showing how to use Overleaf. It highlights the Code Editor and Visual Editor toggle, the editor area for writing and editing your document, the Recompile button to view the typeset result, and the display of the typeset document.
## Top bar We have simplified the top bar and reorganized it so that it is easier to find what you want and increase space. * **Overleaf Icon**: Clicking the Overleaf icon in the top-left corner will now take you back to your project dashboard. * **Menus**: We've introduced familiar menu options like **File**, **Edit**, **View**, and **Help** to make common actions easier to find. * **Project menu**: Clicking the drop-down menu next to the project name gives you access to project-level actions, such as downloading the source, renaming the project, making a copy, or submitting to a journal. * **Top-Right Controls**: On the top-right, you'll find buttons for **History**, **Share**, and options to change the editor layout.
Image showing the top bar of the Overleaf editor. From left to right: the icon to go back to the project dashboard; the file, edit, insert, view, format and help menus; the project name and associated menu for submitting, downloading, copying, and renaming; the history, layout options and the share button.
## Left bar Access to key features has moved to a new vertical bar on the left-hand side of the screen. From top to bottom, the icons give you access to: * **File tree**: Organize and manage your project's files and directories. * **Search**: Quickly locate information within your project files. * **Integrations**: Connect with external platforms, such as Papers and GitHub, to enhance workflow. * **Review**: Utilize features like Track Changes and Comments for collaborative editing. * **Chat**: Communicate in real-time with team members or collaborators.
Image showing the left pane of the Overleaf editor. It indicates the icons for switching the content of the pane.
At the bottom of this bar, you'll find links to **Help** and your project **Settings**.
Image showing the location of the help and settings icons in the bottom left of the editor.
Error logs The error logs remain **next to the Recompile button** with a new design. Clicking the icon will open a pane displaying any LaTeX errors, warnings, and other compiler output to help you debug your project. The AI Error Assistant and other log-related options are still available in this view.
{% hint style="info" %} As before, whenever there are errors, solve errors from the top down, resolve them as soon as possible, and check the logs regularly. {% endhint %}
Resizing the panes You can still use the dividers to resize or hide panes. The arrows for SyncTeX (to jump between the source code and the PDF) are still located on the divider between the editor and PDF viewer.
Image showing Overleaf editor options to resize the pane using the dividers, hiding panes using the arrow at the midpoint of the dividers and the location of the arrows for using syncTeX to jump between source and PDF and vice versa.
## Project settings Clicking **Settings** at the bottom of the left bar opens a window with several configuration tabs. From this window, you can also quickly access your main **Account settings** and **Subscription** details. {% tabs %} {% tab title="Editor" %} This tab contains options to customize your editing experience, such as auto-complete, code checking, editor language, and spell-check dictionary.
Image showing the editor pane of the settings model accessed in the bottom left. Options include auto-complete, code check, and language selection.
{% endtab %} {% tab title="Compiler" %} The **Compiler** tab allows you to change settings such as the compiler engine (e.g. pdfLaTeX, LuaLaTeX etc.), the TeX Live version, and the main document file. The advanced compiler options, accessed via the small arrow on the **Recompile** button, remain unchanged.
Image showing the editor pane of the settings model accessed in the bottom left. Options include main document, compiler engine, and TeX Live version.
{% endtab %} {% tab title="Appearance" %} The **Appearance** tab allows you to switch between different editor and interface themes.
Image showing the editor pane of the settings model accessed in the bottom left. Options include the overall theme, editor theme, and fonts.
{% endtab %} {% endtabs %} We hope you enjoy the redesigned editor! Your feedback is valuable to us, and we encourage you to share your thoughts via the [feedback form](https://forms.gle/3tPYhXcBVGmUB2HXA).
--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.overleaf.com/getting-started/how-do-i-use-overleaf/redesigned-overleaf-editor.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.