Part Of The Flutter Design Workflow, Device Preview

Look, creating an awesome flutter app takes some coding time and some design time. Why not have the design workflow tool in place to auto generate screenshots and see how it looks when changing themes. I am going to show you how to use device preview to do that.

Device Preview

So this is what using device preview looks like:

You can view how it looks on every device, change themes, font size, etc. All with two packages:

Device Preview

device_preview | Flutter Package

And the actual plugin to use with it to get screenshots on non web platforms is the screenshot modes package: