quartz/content/Projekty/Design Maestro.md
Adam Gospodarczyk 50fb78a63f Updated notes
2022-05-16 17:51:32 +02:00

36 lines
2.2 KiB
Markdown

---
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)