What you do Zsolt is really impressive, you are always finding great ways for improving Excalidraw. I can't comprehend how you manage to think and take the time to create all those features. You are helping and will be helping lots of people in their journey of personal knowledge management.
I've said it recently, but WOW... your dev speed is inspiring, and really lights the fire under me to use the tool to it's fullest. MASSIVE Thanks for the Infinite Canvas!! This is going to make presentations super fun.
I have never tried this in Excalidraw but I have experienced it in other software. This feature will be copied by many, I’m sure. An excellent idea, and only a developer who actually uses their software will find these cases and solve them
Hey Zsolt, Thanks for the cool Excalidraw updates! Scaling, markdown control, and canvas candy support are awesome additions. Your examples are clear, and I'm eager to explore these features for my visual thinking. Fantastic work! Cheers - Ramesh
🎯 Key Takeaways for quick navigation: 00:00 🎨 *Presentación de nuevas funciones de personalización en Excalidraw-Obsidian* - Introducción a mejoras que permiten personalizar elementos incrustables en Excalidraw-Obsidian. - Problema de tamaño al incrustar videos o documentos Markdown junto a otros elementos. - Destacar la capacidad de escalar elementos incrustables y mejorar el control sobre los elementos Markdown. 02:33 📐 *Demostración de Escalado y Visualización Detallada* - Problema al reducir el tamaño de elementos incrustables, mostrando la limitación de escalado. - Presentación de la necesidad de una experiencia de dibujo más detallada con zoom y escala controlada. - Ejemplo con una estructura visual detallada que utiliza el nuevo escalado. 04:19 🔄 *Escalado y Ajuste de Tamaño de Elementos Incrustables* - Introducción al nuevo comando para escalar elementos incrustables al 100% del zoom actual del lienzo. - Demostración de cómo escalar elementos seleccionados a través del menú o de las propiedades. - Destacar la adición del tiempo de inicio para videos y la importancia de mantener proporciones adecuadas. 06:25 🎨 *Configuración Avanzada y Personalización de Elementos* - Introducción a nuevas opciones de formato y configuración avanzada para elementos incrustables. - Demostración de ajustes detallados de apariencia, como ocultar nombres de archivos, control de opacidad y colores. - Explicación de cómo cambiar el tema del elemento según la configuración del lienzo o el tema de Obsidian. 10:26 🖌️ *Opciones Avanzadas de Formato con CSS en Excalidraw* - Presentación dela compatibilidad con clases CSS en el front matter para personalizar elementos. - Ejemplos de opciones avanzadas de formato, como transparencia, rotación, bordes punteados y formas. - Destacar la flexibilidad para aplicar estilos y mejorar la apariencia de los elementos. 13:07 ⚙️ *Configuración para Obsidian Canvas y Excalidraw* - Explicación de la configuración para lograr una experiencia inmersiva en Obsidian Canvas. - Demostración del ajuste de la configuración para eliminar bordes al incrustar en el lienzo. - Destacar la necesidad de usar el modo de vista de Markdown y ajustes específicos para lograr la inmersión total. 14:42 🚀 *Invitación a la Participación y Conclusión* - Invitación a unirse al servidor de Discord para compartir ejemplos y discutir mejoras. - Anuncio de la apertura de posibilidades visuales y expresión creativa con las nuevas funciones. - Agradecimiento y cierre del video. Made with HARPA AI
🎯 Key Takeaways for quick navigation: 00:00 🎨 *Customizing Embeddable Elements Introduction* - Demonstrates the challenge of resizing embedded elements, both videos and markdown embeds. - Introduces the need for scaling to create a better viewing experience. - Outlines the goal of achieving a detailed, fractal-like experience in Excalidraw. 02:33 🔄 *Scaling Embedded Elements* - Introduces the "scale selected embeddable elements" command for precise scaling. - Demonstrates scaling using the properties button and adjusting zoom ratios. - Highlights the option to add a start time for videos, offering more control over playback. 06:12 🎨 *Customizing Markdown Embeds* - Explores the theme-following feature for embeddables. - Walkthrough of the expanded properties window for markdown embeds, including hiding file names and adjusting background color opacity. - Shows how to customize border colors and overall appearance of markdown embeds. 10:12 🖌️ *CSS Formatting Options* - Introduces Canvas Candy formatting options through CSS classes. - Demonstrates transparency, text rotation, dashed borders, and shape customization for markdown embeds. - Emphasizes the flexibility of Excalidraw supporting CSS classes in front matter. 12:01 ⚙️ *Default Settings and Obsidian Canvas Support* - Guides through setting default options for markdown embeds. - Explains the obsidian canvas support settings for immersive embedding. - Highlights the need for using markdown view mode and adding front matter for a fully immersive experience. 14:42 🌐 *Community Engagement and Conclusion* - Encourages users to share their experiences and examples in the Visual Thinking Discord server. - Invites discussions on feature requests and enhancements for Excalidraw. - Expresses excitement about the new features and their potential for visual thinking. Made with HARPA AI
Really impressive and one of the best features IMO. What's weird: I had the "Excalidraw: Scale selected embeddable..." at first, but suddenly it disappeared - do you have any idea what could cause this and how I get it back? And how do I get the options above an element when it's selected (e.g. zoom to selected element)?
The scale selected embeddable is only displayed in the command palette if eligible (embeddable) elements are selected. The menu only appears when you click to interact with the embeddable.
I’m very grateful for your awesome plugin! I appreciate your hard work for the community. Thank you so much! I'm using Excalidraw on my daily notes, but I can't find feature to embed excalidraw group/area/frame into other excalidraw drawing. Is there feature like that? Sorry for my bad English.
There is no such feature - and it is by design. It would have unwanted performance implications. Also from a PKM perspective I think it is better practice to carve out the part you want to reuse/reference in other drawings, into its own separate drawing. Thake a look at this video: ruclips.net/video/HRtaaD34Zzg/видео.html and this: ruclips.net/video/mvMQcz401yo/видео.html
Should be possible with a CSS snippet - just like themes in Obsidian. Here are the font references you'd need to include in your snippet. Of course it take a bit more lines of CSS, but at least here are the fonts: @font-face { font-family: "Virgil"; src: url("excalidraw.com/Virgil.woff2"); } @font-face { font-family: "Cascadia"; src: url("excalidraw.com/Cascadia.woff2"); } @font-face { font-family: "Assistant"; src: url("excalidraw.com/Assistant-Regular.woff2"); } This css snippet will change it for all your notes in Excalidraw. .excalidraw .canvas-node { --font-text: "Virgil"; }
What you do Zsolt is really impressive, you are always finding great ways for improving Excalidraw. I can't comprehend how you manage to think and take the time to create all those features. You are helping and will be helping lots of people in their journey of personal knowledge management.
"Vidoh" lol. We love you Zsolt.
I've said it recently, but WOW... your dev speed is inspiring, and really lights the fire under me to use the tool to it's fullest. MASSIVE Thanks for the Infinite Canvas!! This is going to make presentations super fun.
Infinite Canvas this is great😎
Great update! Your channel has quickly become a must watch, I rang the bell to get all notifications, thank you.
I have never tried this in Excalidraw but I have experienced it in other software. This feature will be copied by many, I’m sure.
An excellent idea, and only a developer who actually uses their software will find these cases and solve them
Just brilliant! As always.
Hey Zsolt,
Thanks for the cool Excalidraw updates! Scaling, markdown control, and canvas candy support are awesome additions. Your examples are clear, and I'm eager to explore these features for my visual thinking. Fantastic work!
Cheers - Ramesh
How awesome is this! Thank you so much for continuing to make your creation even better! Excalidraw is a very powerful tool!
I literally can't keep up with all these awesome updates! You are quick!! Thank you
Love the new features, good job and congratulations!
🎯 Key Takeaways for quick navigation:
00:00 🎨 *Presentación de nuevas funciones de personalización en Excalidraw-Obsidian*
- Introducción a mejoras que permiten personalizar elementos incrustables en Excalidraw-Obsidian.
- Problema de tamaño al incrustar videos o documentos Markdown junto a otros elementos.
- Destacar la capacidad de escalar elementos incrustables y mejorar el control sobre los elementos Markdown.
02:33 📐 *Demostración de Escalado y Visualización Detallada*
- Problema al reducir el tamaño de elementos incrustables, mostrando la limitación de escalado.
- Presentación de la necesidad de una experiencia de dibujo más detallada con zoom y escala controlada.
- Ejemplo con una estructura visual detallada que utiliza el nuevo escalado.
04:19 🔄 *Escalado y Ajuste de Tamaño de Elementos Incrustables*
- Introducción al nuevo comando para escalar elementos incrustables al 100% del zoom actual del lienzo.
- Demostración de cómo escalar elementos seleccionados a través del menú o de las propiedades.
- Destacar la adición del tiempo de inicio para videos y la importancia de mantener proporciones adecuadas.
06:25 🎨 *Configuración Avanzada y Personalización de Elementos*
- Introducción a nuevas opciones de formato y configuración avanzada para elementos incrustables.
- Demostración de ajustes detallados de apariencia, como ocultar nombres de archivos, control de opacidad y colores.
- Explicación de cómo cambiar el tema del elemento según la configuración del lienzo o el tema de Obsidian.
10:26 🖌️ *Opciones Avanzadas de Formato con CSS en Excalidraw*
- Presentación dela compatibilidad con clases CSS en el front matter para personalizar elementos.
- Ejemplos de opciones avanzadas de formato, como transparencia, rotación, bordes punteados y formas.
- Destacar la flexibilidad para aplicar estilos y mejorar la apariencia de los elementos.
13:07 ⚙️ *Configuración para Obsidian Canvas y Excalidraw*
- Explicación de la configuración para lograr una experiencia inmersiva en Obsidian Canvas.
- Demostración del ajuste de la configuración para eliminar bordes al incrustar en el lienzo.
- Destacar la necesidad de usar el modo de vista de Markdown y ajustes específicos para lograr la inmersión total.
14:42 🚀 *Invitación a la Participación y Conclusión*
- Invitación a unirse al servidor de Discord para compartir ejemplos y discutir mejoras.
- Anuncio de la apertura de posibilidades visuales y expresión creativa con las nuevas funciones.
- Agradecimiento y cierre del video.
Made with HARPA AI
amazing work.
🎯 Key Takeaways for quick navigation:
00:00 🎨 *Customizing Embeddable Elements Introduction*
- Demonstrates the challenge of resizing embedded elements, both videos and markdown embeds.
- Introduces the need for scaling to create a better viewing experience.
- Outlines the goal of achieving a detailed, fractal-like experience in Excalidraw.
02:33 🔄 *Scaling Embedded Elements*
- Introduces the "scale selected embeddable elements" command for precise scaling.
- Demonstrates scaling using the properties button and adjusting zoom ratios.
- Highlights the option to add a start time for videos, offering more control over playback.
06:12 🎨 *Customizing Markdown Embeds*
- Explores the theme-following feature for embeddables.
- Walkthrough of the expanded properties window for markdown embeds, including hiding file names and adjusting background color opacity.
- Shows how to customize border colors and overall appearance of markdown embeds.
10:12 🖌️ *CSS Formatting Options*
- Introduces Canvas Candy formatting options through CSS classes.
- Demonstrates transparency, text rotation, dashed borders, and shape customization for markdown embeds.
- Emphasizes the flexibility of Excalidraw supporting CSS classes in front matter.
12:01 ⚙️ *Default Settings and Obsidian Canvas Support*
- Guides through setting default options for markdown embeds.
- Explains the obsidian canvas support settings for immersive embedding.
- Highlights the need for using markdown view mode and adding front matter for a fully immersive experience.
14:42 🌐 *Community Engagement and Conclusion*
- Encourages users to share their experiences and examples in the Visual Thinking Discord server.
- Invites discussions on feature requests and enhancements for Excalidraw.
- Expresses excitement about the new features and their potential for visual thinking.
Made with HARPA AI
Really impressive and one of the best features IMO. What's weird: I had the "Excalidraw: Scale selected embeddable..." at first, but suddenly it disappeared - do you have any idea what could cause this and how I get it back? And how do I get the options above an element when it's selected (e.g. zoom to selected element)?
The scale selected embeddable is only displayed in the command palette if eligible (embeddable) elements are selected.
The menu only appears when you click to interact with the embeddable.
I’m very grateful for your awesome plugin! I appreciate your hard work for the community. Thank you so much!
I'm using Excalidraw on my daily notes, but I can't find feature to embed excalidraw group/area/frame into other excalidraw drawing. Is there feature like that?
Sorry for my bad English.
There is no such feature - and it is by design. It would have unwanted performance implications. Also from a PKM perspective I think it is better practice to carve out the part you want to reuse/reference in other drawings, into its own separate drawing. Thake a look at this video: ruclips.net/video/HRtaaD34Zzg/видео.html and this: ruclips.net/video/mvMQcz401yo/видео.html
@@VisualPKM thank you!
Hello ! Can I change the font family in an interactive frame from normal to hand drawn ?
Should be possible with a CSS snippet - just like themes in Obsidian.
Here are the font references you'd need to include in your snippet. Of course it take a bit more lines of CSS, but at least here are the fonts:
@font-face {
font-family: "Virgil";
src: url("excalidraw.com/Virgil.woff2");
}
@font-face {
font-family: "Cascadia";
src: url("excalidraw.com/Cascadia.woff2");
}
@font-face {
font-family: "Assistant";
src: url("excalidraw.com/Assistant-Regular.woff2");
}
This css snippet will change it for all your notes in Excalidraw.
.excalidraw .canvas-node {
--font-text: "Virgil";
}
@@VisualPKM Thank you for your answer. Unfortunately I'm not yet advanced enough in obsidian to implement this.
@@davidallehcsom5550 install the latest version of the plugin. Add the document property (front matter) cssclasses: ex-md-font-hand-drawn
@@VisualPKM It works for the text without #, but not for the heading with #.
Does this work for mobile Android / iOS or only for Windows?
I just tested it on my S23 and my iPad and it works as expected. Assuming you are referring to the active embeds.
why is my markdown title shows in white color? can we set the color in the setting panel?
That could be a theme issue - check plugin settings (Excalidraw appearance and behvior/Theme and styling) to see what style mardown embeds follow.