web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Converting UI design f...
Power Apps
Unanswered

Converting UI design from pixels to system suitable for PowerApps

(1) ShareShare
ReportReport
Posted on by Supriya1 Microsoft Employee

I created app design in pixels, but cannot find any conversion matrix to covert into a system suitable for PowerApps. When I create elements as per design size, they appear too big or too small in PowerApps.

 

Also, for example, if I have used font size 14 while creating, upon inspecting element in preview mode, it appears as 18.6 px.

 

There is no consistency whatsoever.

 

Can someone please share any conversion matrix that they use or how can this be resolved.

Categories:
Building Power Apps
  • poweractivate Profile Picture
    poweractivate 11,078 Most Valuable Professional on at

    @Supriya1 

     

    To our understanding, Power Apps using desktop publishing points (pt) as the unit.

     

    You can try this math formula to convert from Pixels to Points:

     

    points = pixels * 72 / 96

     

    To our understanding, that formula we gave is supposed to work, regardless of the DPI.

     

    Check if it helps you. If not, we might need to check on a more detailed answer for you, in that case, let us know what happened when you tried the above.

     

     

  • DouglasY Profile Picture
    DouglasY 4 on at

    @poweractivate Did you mean points = pixels / 72 * 96?

    This formula seems the most accurate to me.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the August Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 382 Super User 2026 Season 2

#2
Mohsin Ali Profile Picture

Mohsin Ali 329

#3
WarrenBelz Profile Picture

WarrenBelz 187 Most Valuable Professional

Last 30 days Overall leaderboard

Featured topics

Auto-Populate field Power Pages
Gallery Tabs - Show or Hide Tabs based on Field Value
How to patch multiple records at once
Enable Copilot for end users in model-driven apps
Question for everyone : How are you using Create Text GPT in AI Builder?
Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)
Welcome to the Power Apps forum!

Product updates

Microsoft Power Platform Community release plans