07 Browser-Based Tools For Designers

There are times when as a designer we think of getting things done without creating a mess. So instead of downloading softwares sometimes, we can also use some browser-based tools that can be used right in the browser itself without the need of downloading a separate software.

Here we’ve curated a list of some of those tools which will help you in this process of getting thins done without the need of downloading an extra piece of software


1. Palette Site



Palette.site is a browser extension that generates comprehensive palettes. It is a tool well made for all the designers and front-end developers to help them extensively in their workflow. The color scheme can be extracted for free.

Using this handy tool you can also share a permalink with fellow designers or with your team in real-time.


palette.site


2. Gravit



Gravit.io with its latest update has become Gravit Designer and it now is a full-featured free vector design app. It is available for all major platforms including Mac, Windows, Linux, Chrome and also the Web.

The host of services or features the latest Gravit Designer provides include Vector Illustration, Web & App UI, Icons, Branding, Logos, Print Projects, Image & Photo Editing, etc.


gravit.io


3. Bukketapp



Bukketapp is a chrome extension that defines itself as an all-in-one screen capture and recording app. This is one of the simplest & most powerful visual bookmarking tools. Whether you're saving just one image or 100, they've designed Bukket to help you save as much time as possible.

You can either drag and drop or just hit the 'Bukket it' button to save them all. With 10fps capture, you can also record all your favorite 10s interactions with ease.


bukketapp.com


4. Figma



Figma is a browser-based design, prototype, and collaboration tool that has the functionality and features similiter to that of Sketch but it has some great collaboration and additional features. The tool itself is web-based however there are also some native apps that let you work offline as well.


figma.com


5. Browser Calories



To tackle one of the biggest issues of web-design ‘page-weight’ this chrome extension comes a lot in handy. Page weight of a site plays a huge role in SEO, conversion, retention and more. This extension ‘Browser Calories’ is currently available for Chrome, Firefox, and Opera. It calculates page weight using a ‘performance budget’ based on the tab it is open. You can activate it by just clicking a doughnut icon next to your address bar which starts showing there as soon as you install the extension.


browserdiet.com/calories


6. Colorinspire



Finding the right set of colors to use in the next project can be tricky sometimes. This website offers some of the trendy color palettes that you can simply copy and paste from the website itself and you are good to go. The website, however, is quite new but the creator of it usually post color palettes in his Instagram stories on a weekly basis, you can find some inspiration there as well.


colorinspire.io


7. Threed



Threed.io is a web-based tool that can help you create 3D mockups right in your browser. All you have to do is open the generator and upload a picture, adjust the background, colors and the mockup itself and you are good to go. Threed is absolutely free and does not require any additional software.


threed.io

#tools #websites




Dope Motions

I design creative visuals craft beautiful animations and build digital products for creatives.

© 2020 Dope Motions. All rights reserved.

Get early access to my course, design products & announcements.

Sign up to our weekly newsletter for special offers, unique content, and beta versions of new products! We hate spam as much as you do, so we'll never send you more emails than you want