Figma is good for wireframing but I think Mokkup is best for dashboard wireframing. I am able to create dashboard prototypes just in a few minutes, it's that very easy to use.
Adobe XD does basically the same. From experience, note that these figma models can bring in a lot of fancy looking things when designers get excited, but it is not necessarily PBI performance friendly. Will involve some back and forth to remove and streamline things for performance, but nothing that can't be negotiated between the teams.
@@jordansmith9230, in short - too much crap on screen - the less elements you have on canvas, the quicker the engine can render the page (e.g. instead of 4 KPI cards, add a single card like formatted table). Design teams tend to add many small elements, disclaimers, RAG notes, design lines, pop-up windows and other nice-ish looking things which may not be "Power BI" friendly. Some of my stakeholders refuse to use the filter pane as they find this to be an "advanced feature"... I've seen slow design templates - a pbix. with minimal data, minimal calculations, but the design is so heavy that this blank report is sluggish on its own.
@@kasbu Are you saying that the PNG file itself has a lot of weight to it? Or that the weight comes once all of the visuals are added to it in powerbi? I use figma to design all of my templates because powerbi isn't fit for purpose when i comes to basic tools for designing reports. I wish the features from something like figma were brought into powerbi. I wasn't aware of any slow down in regards to using the file as a background, and I hope that's not the case.
Q. Is there a complete tutorial on the art and process of building a dashboard? I mean I want to be able to build mockups without spending hours doing trial and error
I thought the biggest strong point of Figma is interactivity but in this video you're only only going to the extent of what's also possible in Power Point.
This use case was for specifically for protyping and a high level overview of Figma. There are people doing far more advanced stuff with Figma than what was shown here. Also wanted to highlight the wireframing process for those who are unfamiliar. You can wireframe in multiple tools (PowerPoint, Power BI, Figma, Adobe, Canva, etc)
Yes there will be noticeable performance impacts because you can take a report that might have 50 shape and text elements that need to be loaded and turn that into loading one background element. Ive noticed amazing gains in performance by designing in figma vs natively in powerbi.
@@Raaaaaaaandie Nice. have you also had instances were figma design makes it slow and if so what do you think was the reason, since its always a single image no matter what you did in figma
you can make a great mock-up / wire-frame but then when the business sees report with real data they realize that they had a different question in mind and you need to change everything. doing your wire-frames with real data even if it is a sample is very important. we tried doing wire-frames a few years ago but stopped it. now we just ask the business to mock something up they want in excel and use that.
@@SQLSekou it is not about what element you pick to show the business in the wireframe . All I'm saying is real data helps a lot when doing a wireframe. for example if you have a bar chart in the mock up with 4 columns and it looks great but when you get the real data you see that there are actually 20 bars for different categories and you can not read the numbers properly since everything is small. Or you have 5 kpi box's on the top of the page but when you see real data you realize that they don't actually tell you anything useful and you want to change the visuals completely.
My biggest complaint with this process is that if you don’t have seasoned PBI report developers running the wire framing process, you will often get mock ups that simply are not possible or require very considerable schema modification of the underlying dataset. A knowledgeable PBI report developer should be able to guide the wire framing in a way that is compatible with concepts such as dimensional modeling. Do not allow wire framing by non-PBI developers if you ultimately plan on delivering a PBI solution.
Interesting tool, but I can see it would be very easy to over-promise and under-deliver by wire framing designs that just aren't possible in PowerBi. Personally I would prefer to wireframe directly in PowerBi so that users know exactly what they are going to get when the report is delivered. Nice tool, but it just feels like an unnecessary step in the process to me.
Thanks so much for having me on! This was a lot of fun to record!
Thanks so much for the demonstration! I'll be testing this concept with my clients!!
Love this!
Do you offer mentorship?
Guys you've really influenced my growth in recent months and this is my appreciation message. Thank you🙏
Figma is good for wireframing but I think Mokkup is best for dashboard wireframing. I am able to create dashboard prototypes just in a few minutes, it's that very easy to use.
Thanks for this and your comment! This is very easy to use and i never heard of it before you said something
Yup, I literally did this a few months ago for a client and presented this exact topic to my company.
Figma has help me to present beautiful presentations to anyone in case they dont have PBi..and I can make it interactive
Adobe XD does basically the same. From experience, note that these figma models can bring in a lot of fancy looking things when designers get excited, but it is not necessarily PBI performance friendly. Will involve some back and forth to remove and streamline things for performance, but nothing that can't be negotiated between the teams.
What are the performance issues?
@@jordansmith9230, in short - too much crap on screen - the less elements you have on canvas, the quicker the engine can render the page (e.g. instead of 4 KPI cards, add a single card like formatted table). Design teams tend to add many small elements, disclaimers, RAG notes, design lines, pop-up windows and other nice-ish looking things which may not be "Power BI" friendly. Some of my stakeholders refuse to use the filter pane as they find this to be an "advanced feature"...
I've seen slow design templates - a pbix. with minimal data, minimal calculations, but the design is so heavy that this blank report is sluggish on its own.
@@kasbu Are you saying that the PNG file itself has a lot of weight to it?
Or that the weight comes once all of the visuals are added to it in powerbi?
I use figma to design all of my templates because powerbi isn't fit for purpose when i comes to basic tools for designing reports. I wish the features from something like figma were brought into powerbi.
I wasn't aware of any slow down in regards to using the file as a background, and I hope that's not the case.
Adobe purchased Figma, thus, XD is becoming obsolete soon, so bette rinvest your time in Figma
@@mazinhousin9745 the Figma purchase did not happen unfortunately due to EU regulators raising anti-competitive concerns .
Fire framing is very interesting g topic. Q: are there any best practices to wireframing? I’d like to known
Q. Is there a complete tutorial on the art and process of building a dashboard? I mean I want to be able to build mockups without spending hours doing trial and error
Thanks so much, it's really helped me alot.
I thought the biggest strong point of Figma is interactivity but in this video you're only only going to the extent of what's also possible in Power Point.
Cant show everything in 9 minutes!
@@SQLSekou Got it, thanks!
Does it also have a noticeable performance impact or is it just for prototyping purposes? In the report I could build the same appearance using shapes
This use case was for specifically for protyping and a high level overview of Figma. There are people doing far more advanced stuff with Figma than what was shown here. Also wanted to highlight the wireframing process for those who are unfamiliar. You can wireframe in multiple tools (PowerPoint, Power BI, Figma, Adobe, Canva, etc)
Yes there will be noticeable performance impacts because you can take a report that might have 50 shape and text elements that need to be loaded and turn that into loading one background element. Ive noticed amazing gains in performance by designing in figma vs natively in powerbi.
@@Raaaaaaaandie Nice. have you also had instances were figma design makes it slow and if so what do you think was the reason, since its always a single image no matter what you did in figma
very good video but I am still using PowerPoint two reasons: Cheaper and easy re-design big negative font type issue in Figma.
Figma has a free license 😄
Same 😅
When will you guys be back on Saturdays?
We were back last Saturday, August 12th. We are on again today, August 19th!
I like Figma, but I often end up just wireframing in PowerPoint. I don't know why, but I just can't quite my PPTX wireframes. I'm getting old.
you can make a great mock-up / wire-frame but then when the business sees report with real data they realize that they had a different question in mind and you need to change everything. doing your wire-frames with real data even if it is a sample is very important. we tried doing wire-frames a few years ago but stopped it. now we just ask the business to mock something up they want in excel and use that.
That’s where skill comes in! You don’t want to promise something to the stakeholder/client when you know it’s not possible!
@@SQLSekou it is not about what element you pick to show the business in the wireframe . All I'm saying is real data helps a lot when doing a wireframe. for example if you have a bar chart in the mock up with 4 columns and it looks great but when you get the real data you see that there are actually 20 bars for different categories and you can not read the numbers properly since everything is small. Or you have 5 kpi box's on the top of the page but when you see real data you realize that they don't actually tell you anything useful and you want to change the visuals completely.
My biggest complaint with this process is that if you don’t have seasoned PBI report developers running the wire framing process, you will often get mock ups that simply are not possible or require very considerable schema modification of the underlying dataset. A knowledgeable PBI report developer should be able to guide the wire framing in a way that is compatible with concepts such as dimensional modeling.
Do not allow wire framing by non-PBI developers if you ultimately plan on delivering a PBI solution.
Yes definitely! Someone should understand Power BI and what is possible when using this method
Very valid point
Interesting tool, but I can see it would be very easy to over-promise and under-deliver by wire framing designs that just aren't possible in PowerBi. Personally I would prefer to wireframe directly in PowerBi so that users know exactly what they are going to get when the report is delivered. Nice tool, but it just feels like an unnecessary step in the process to me.
I didn’t saw any vale added compared to PowerPoint 🤷🏻♂️
you could literally do this faster directly in Power BI....
Think so? Let’s do a live stream and see!