Gravit for Chrome: A Complete Guide to Installation and FeaturesGravit is a versatile vector-design application that has been available as both a web app and desktop app. The Chrome extension—often referred to as “Gravit for Chrome”—lets users access Gravit’s design tools directly from their browser, integrating a lightweight, fast design workflow with Chrome’s convenience. This guide walks through installation, core features, practical workflows, tips, and troubleshooting so you can get the most out of Gravit in Chrome.
What is Gravit?
Gravit Designer is a vector graphic design tool used for illustrations, UI/UX mockups, icons, presentations, and more. It offers a clean, modern interface, a robust set of vector tools, non-destructive Boolean operations, symbols, and export options supporting SVG, PDF, PNG, and JPG. Gravit runs in a browser (including via a Chrome extension or web app) and as native desktop apps for Windows, macOS, Linux, and Chrome OS.
Installing Gravit for Chrome
- Open the Chrome Web Store:
- In Chrome, go to the Chrome Web Store and search for “Gravit Designer” or “Gravit for Chrome.”
- Add the extension or open the web app:
- If a dedicated extension is available, click “Add to Chrome” and confirm. Many users instead access Gravit via its web app (designer.gravit.io) which behaves like a native app in Chrome.
- Create an account or sign in:
- After launching, create a free Gravit account or sign in with Google. A free plan provides many features; Pro is available for advanced features like version history, offline mode, and expanded export options.
- Optional — Install as a Chrome app (Progressive Web App):
- From the Gravit web app page, use Chrome’s menu (three dots) → More tools → Create shortcut → Check “Open as window” to run Gravit in its own window like an app.
Interface Overview
The Gravit interface is intuitive and organized into several main areas:
- Toolbar (left): Selection, shape, pen, text, and vector tools.
- Context bar (top): Tool-specific options (stroke, fill, alignment).
- Canvas (center): Your working area where artboards and layers live.
- Right panel: Inspector for properties (fills, strokes, effects), Layers, Symbols, and Assets.
- Bottom bar: Zoom, page navigation, and coordinate info.
Core Features
Shapes & Drawing
- Vector shapes (rectangle, ellipse, polygon) with editable anchor points.
- Pen and Bezigon tools for freehand vectors and precise Bézier curves.
Text & Typography
- Full text support with font selection, character/paragraph formatting, and text-on-path.
- Text styles and alignment tools for UI/UX layouts.
Layers & Symbols
- Layer organization with visibility and locking.
- Symbols for reusable components (great for UI kits and repeated elements).
Non-Destructive Editing
- Boolean operations (union, subtract, intersect) and pathfinder tools.
- Non-destructive transformations and effects that can be adjusted later.
Styles & Effects
- Fills (solid, linear/radial gradients, image fills).
- Strokes with dashed patterns, variable widths, and multiple stroke layers.
- Effects like shadows, blurs, and blending modes.
Export & File Support
- Export selections, artboards, or entire documents to PNG, JPG, SVG, PDF.
- Export slices for responsive assets and multiple resolutions (1x, 2x).
- Import SVG and common raster images; save to Gravit Cloud or locally.
Pro Features (paid)
- Offline mode for desktop usage.
- Version history and team collaboration options.
- Advanced export options and higher resolution exports.
Typical Workflows
Creating a Logo
- Start with rough shapes; use the Pen tool for custom curves.
- Convert shapes to paths and refine anchor points.
- Use Boolean operations to merge or cut shapes.
- Apply gradients and export as SVG for scalability.
Designing a Web UI Mockup
- Create artboards matching device sizes.
- Use Symbols for headers, buttons, and icons.
- Apply grid and snapping for consistent spacing.
- Export slices for developers (SVG for icons, PNG for images).
Illustration
- Block out shapes with flat colors.
- Use Bezigon and Pen for detailed vector strokes.
- Apply shadows and blurs for depth.
- Export layered SVG or high-resolution PNG.
Tips & Shortcuts
- Press V for the Move tool, P for Pen, T for Text, and R for Rectangle.
- Use Shift while dragging to constrain proportions.
- Group (Ctrl/Cmd+G) and use Layers for large projects.
- Create reusable Symbols for UI elements to keep designs consistent.
- Use slices to export multiple assets at once.
Troubleshooting
Gravit runs in-browser, so many issues relate to browser state:
- If performance lags, close other heavy tabs or restart Chrome.
- Enable “Open as window” for app-like performance.
- For font issues, ensure fonts are installed locally or use Google Fonts via the text panel.
- Clear cache or create a new document if the app behaves oddly.
Alternatives & When to Use Gravit
Gravit is ideal if you want a lightweight, cross-platform vector tool accessible from Chrome without heavy install overhead. Alternatives include Figma (collaboration and UI design), Adobe Illustrator (industry-standard, advanced features), and Inkscape (free desktop vector editor). Use Gravit when you need a quick, capable vector app with simple cloud-sync and multi-platform access.
Final Notes
Gravit for Chrome brings a full vector toolset into the browser with enough power for logos, UI mockups, and illustrations. The web app combined with Chrome’s PWA capability makes it convenient for designers who switch between devices. Upgrading to Pro unlocks productivity and export features for professional workflows.