Hi! I’m looking for the most effective way to create a device mockup library – without plugins. The library would consist of two key objects:
-
UI screen variants, e.g.
1125x2436 home view, search view, settings view etc. -
Device frames, e.g.
iPhone X with light, dark and coloured frame
Without using plugins, such as Angle mockups, is there a way to combine these two in an easy-to-resize component? The ideal outcome is to have one mockup (e.g. iPhoneX) with two properties: changeable screens and frames.
Main issues now:
-
Using plugins like Angle mockups turns screen component into an image background. If the screen gets un update, all device mockups need to be manually updated.
-
Masking the screen component with the device frame component is an option –but the solution only works if the newly combined screen+frame component is not resized.
For example fonts don’t get bigger, when the component is resized.
Any tips? 😊
