mirror of
https://github.com/jackyzha0/quartz.git
synced 2025-12-24 05:14:06 -06:00
36 lines
2.2 KiB
Markdown
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]].
|
|
|
|

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

|
|
|
|
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ęć
|
|
|
|

|
|
|