Figma is a vector graphics editor and design tool, with support for exporting designs to PNG files. One useful feature of Figma is the ability to add device frames to exported PNG files. This can be useful for creating mockups of app designs or website designs.
To export a Figma design to PNG with a device frame, first select the frame that you want to use from the left sidebar. Then, click on the “Export” button in the top bar and select “PNG” from the drop-down menu.
In the “Export Settings” popup window, select “With Device Frame” from the “Include” drop-down menu. Finally, click on the “Export” button to save your PNG file.
The text in your HTML file should now be properly styled using the < p >, < b >, and < u > tags.
PRO TIP: If you are trying to export a Figma file to a PNG with a device frame, be aware that this may result in the file being low resolution and/or having a poor quality.