---
title: Design Maestro
---

# Czym jest Design Maestro? 
To zestaw makr do aplikacji [[Optymalizacja/Narzędzia/Keyboard Maestro]], stworzony z myślą o designerach pracujących w [[Optymalizacja/Narzędzia/Figma]] i [[Optymalizacja/Narzędzia/Webflow]] oraz korzystających z możliwości systemu [[MacOS]]. 

![](https://assets.website-files.com/61b2fbca6d7f8d1f991971f3/61b2fd7ff4169b747cf8a134_DM%20Logo.svg)

Aktualnie zawiera około 80 makr przyspieszających pracę z projektami i plikami, oraz automatyzujących powtarzalne czynności. ~~W tej chwili dostęp do projektu jest zamknięty a jego premiera planowana jest na Styczeń / Luty 2022.~~

## Design Maestro FREE
Projekt został opublikowany pod koniec marca 2022 w formie bezpłatnej wersji 10 makr: 
https://designmaestro.io

<iframe width="560" height="315" src="https://www.youtube.com/embed/54aEWyfwiu8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## Design Maestro 1.0
W maju 2022 odkryłem akcję w Keyboard Maestro o nazwie `Custom HTML prompt`, która w swoim założeniu ma umożliwiać wyświetlenie okna dialogu opartego o własny kod HTML. Postanowiłem to wykorzystać aby stworzyć w pełni dostosowany do potrzeb Design Maestro interfejs, który prezentuje się następująco: 

![](https://space.overment.com/Screen-Shot-2022-05-16-17-45-51-GsQ2U/Screen-Shot-2022-05-16-17-45-51.png)

Na ten moment cały interfejs aplikacji wykorzystuje kod JavaScript / HTML / CSS, jednak według mnie możliwe jest tam nawet wykorzystanie np. [[Vue]] czy [[Svelte]]. Tym bardziej że całość oparta jest o bibliotekę makr, które umożliwiają tworzenie kolejnych.

Design Maestro oferuje między innymi: 
- Dodawanie własnych assetów i kolorów do szybkiego wyboru
- Color Picker możliwy do wykorzystania w dowolnym miejscu systemu
- Możliwość szybkiego wyszukiwania w Google oraz Deepl
- Możliwość zapisywania URLi szybkiego dostępu
- Możliwość tworzenia własnych snippetów (text expander)
- Optymalizowania zaznaczonych zdjęć
- Usuwania tła z zaznaczonych zdjęć

![](https://space.overment.com/Screen-Shot-2022-05-16-17-48-51-GZEQZ/Screen-Shot-2022-05-16-17-48-51.png)