Figma Basics Tutorial for Power BI

[@jkschola1]

Impressive video! In my role as a Power BI developer, I collaborated with a UI/UX Designer team using Figma’s dashboard templates. Initially, translating Figma’s sophisticated designs to Power BI was a challenge, but I found a time-saving solution by adapting Figma templates as background images as you were doing. Now, I can effortlessly design my own backgrounds. A tip: export as SVG for optimal image quality in Power BI backgrounds.

[@bi-ome]

I was under the impression that SVG couldn't handle the drop shadows and more complex imagery, but I just tried it to see on one of the backgrounds and was surprised to find it actually worked! Good tip 😄

[@andrewcox5162]

I am a ux designer working with data analysts and PBI, this tutorial is very helpful! Thanks 😊

[@bi-ome]

Great to hear!

[@777tmack]

Like a well-crafted Power BI report, your tips are clear, concise, and informative. Thank you!

[@bi-ome]

HA thank you! 😄

[@no_name5002]

Thank you! Highly underrated channel.

[@RobBastien]

Great stuff Christine, thanks.

[@RajeshGowd-u2z]

Thanks for your video 😊

[@londonengland2309]

❤ Many thanks!

[@santoshwaghmare4081]

Hats off to you ma'am! Such a well explained video on Figma! Please make more videos on this. As its very important for Power BI report background design. Thank U. New subscriber!!

[@jamesrosicky2912]

Loved the video! Quick question about that background picture at 1:32 - the blue and green waves one. Did you get that from FIGMA? Where do you find these cool abstract shapes? Thanks!

[@bi-ome]

I got it from here! unsplash.com/s/photos/abstract

[@jamesrosicky2912]

@@bi-ome Ahh! Of course, thanks s lot!

[@omarcr]

Thanks !! , Still can't apply figma for a mobile view?

[@bi-ome]

Unfortunately it does not seem to be properly supported in mobile view. Hoping MS fixes this someday...

[@omarcr]

@@bi-ome Thanks 👍

[@CajAbrahamsson]

Subscribed :-)

[@fxsoul8149]

This is a great tutorial! Easy to follow and a nice minimalist design.

[@bi-ome]

Thanks!

[@RobBastien]

Christine - Would you suggest I get into Figma or Powerpoint for this type of solution? Thanks.

[@bi-ome]

Figma gives you a lot more control and more options for sure. PowerPoint gets recommended only because it’s something most people already have and are familiar with, not because it’s better for this. :)

[@mohamedelhalloufi8622]

First video on the blend b/o PowerBI and Figma that was actually on point. Well done. Underrated channel.

[@bi-ome]

Thank you! 😄

[@thefamousdjx]

Nice tutorial. So your main use case for figma is for faster loading right? Because in this example we can achieve everything with just powerbi

[@bi-ome]

No, that's some of it but it's mostly for making things fancy. This example was intentionally simplistic because it's a "basics" tutorial video, but where Figma really shines is having more control over the drop shadows and using background blur and gradients. Power BI can't do any of those things well... there is a drop shadow on shapes but it is not a good-looking drop shadow. :)

[@sauguad]

As for mobile view, you’ll need to create another layout for that too?

[@bi-ome]

You can’t really use the background image method with mobile views as far as I can tell. It won’t let you add a one at all.