Code, split & design view tabs are missing from android studio

Question

I am working through some android developer codelabs and it states the below view should be chosen.

Click Split on the top right of Android Studio, this allows you to view both code and design. You can also click Code to view code only or click Design to view design only.

After pressing Split you should see three areas:

However, this is my view.

Any help would be much appreciated.

I am unable to carry on with the code lab as the live preview tab is needed.

Answer 1

Go To File->setting->Editor->Design Tools an check this below image after that apply click and ok

if not work Go To File-> invalidate cache click after automatically restart android studio