Opening the device drawer, dragging in a device, then closing it is ... who has time for that? 🙄

We just made you 4.3% more productive by allowing you to manage devices in the workspace with $butler$ 🚀

The commands are:

• Add X to workspace
• Remove X from workspace

With the new navigate command in Butler, you can type in a CSS selector and navigate all devices to that element (if the element is found).

With Butler you can easily switch themes to Light, Dark, or Auto, from any place in the app.

You can encode and decode any string in a variety of formats.

Convert different color formats directly in Butler. Nifty!

What is that annoying process that's hogging up port 3000? Let's google "how to kill a port" and open the terminal for the 1493813th time...

Not anymore! Just type kill in Butler and type the port that you want to kill. Boom. Gone.

Yup, no need to visit some shady website in order to get a random uuid. Butler is here to help!

You can directly get a bcrypt-ed string from Butler. Might be useful for creating bcrypted passwords on the fly.

Yup, no need to open the Terminal and google how to do this every time. Just type ip in Butler and you'll get both your internal and external IP address.

Even if you're not using Projects in Sizzy, this Butler action will be super useful for quickly adding a todo that you don't want to forget about.

You can say that now Butler has some ... math skills!

Get it? Mad skills? Math skills? Anyone? Nevermind.

You don't have to open a Calculator if you want to do a quick calculation. You can do that directly in Butler.

And yes, we're well aware that the first thing that you're going to try is to break this feature and find a bug. Good luck!

With the new fontawesome workflow in $butler$ you can preview the FontAwesome icons as you're searching.

$butler$ is getting smarter with each version of Sizzy 😇

We added support for the following workflows:

Can I Use

npm

Font Awesome

For now, you can search the icons and copy their class names. In the next version, we'll also display the icons.

During development, you constantly need to search for stuff on the web, but previously you had to:

• Open the reference browser
• Open a new tab
• Type your query

Now, you can quickly and easily do this from Butler 🥳

The search options will appear when there are no other matches found in $butler$. If there's still a match but you want to search for something you can add a space after your query.

Soon, we'll add keywords to Butler so you'll be able to trigger the searches by typing in a keyword (for example: g styled-components for searching google)

By default, you can search Google, npm, Stack Overflow, and GitHub, but you can customize the built-in search engines, remove them, and add new ones by going to Settings -> Butler -> Search Engines .

Note: The URLs must contain {{search}} for the search engine to be valid, for example: https://github.com/search?q={{search}}

When you want to start working on another project, until now you had to run 2 commands:

• Activate project in Sizzy
• Open in Editor

Now, there is a new action in $butler$ that will allow you to do both of them at the same time: Activate the chosen project and open it in your code editor.

Hopefully, this will save you a lot of time and make project switching less tedious!

$butler$ commands will now be sorted by usage, so the commands that you use most often will be more easily accessible.

We're gonna improve the Butler with every update, so you can easily do more things without touching a mouse. In this version, we added the following actions:

• Screenshot all devices with a frame
• Full screenshot all devices
• Jump to any align mode from any other mode
• Reset reference browser
• Clear completed todos
• Search the content of notes and press enter to copy a note to the clipboard
• Manage Projects
• Project Settings
• Create a new project

Also, the Butler shortcut (Cmd + Shift + P or Ctrl + Shift + P) can now be invoked when you're in the reference browser.

If only one device is visible (Focus Mode or Full/Resizable Mode) all of the options that are available when right-clicking the device are also available in Butler.

If more devices are visible (Responsive Mode), the following actions are available in Butler:

• Reset Zoom
• Screenshot All
• Switch All To Portrait/Landscape

If a project is active, the following actions will be available in Butler:

• Open Notes
• Open Todos
• Bookmark current URL
• Deactivate project
• Search and open bookmarks
• Search and open any reference or pinned link in the reference browser
• Edit active project

Yeah, the name is totally not inspired by Alfred, why would you say that? 🤨

You can trigger the Butler by pressing Cmd + Shift + P on macOS, Ctrl + Shift + P on Windows/Linux, or by saying "Batman sucks!"

The Butler gives you easy keyboard access to most features in Sizzy:

• Focus on any device
• Switch to any view or align mode
• Activate a project
• Open a project in your code editor
• Open a project in Finder/Explorer
• Switch to a preset
• Switch Docked Panel tabs (Console, DevTools, Request Headers, Cookies, Local Storage, Source)
• Access Menu Bar Items (Reload App, Import/Export Config, Check For Updates, etc.)

We're just getting started with adding functionality to the Butler, so if you have any ideas you can tweet them at us or add them to the public board.