Ну по сути с этого нужно было начинать, но эта чаcть очень простая и многократно описана .
Например здесь или здесь

Отличный подробный мануал для владеющих английским

MODx отличает от многих других cms отсутствие шаблонов . Дело в том что для этой системы они просто не нужны.
Просто берём любой дизайн и вставляем в него чанки и сниппеты в те места где нам нужен функционал - меню , контент , мета теги и пр.
Сделаем простейший сайт из одной страницы
Ну что нибудь в этом духе:

 
 
[*pagetitle*]
 
 
    <!--
    body{}
    #myheader{}
    #mytopmenu{}
    #mycontent{}
    #mybottom{}
 
-->
 
 
<div id="myheader">
    <h1> {{myheader_logo}} </h1>
    <div id="mytopmenu">{{topmenu}} </div>
</div>
 
<div id="mycontent">
    <h2>[*longtitle*]</h2>
    [*#content*]
</div>
 
<div id="mybottom">{{mycounters}} {{mycopy}} </div>
 
 

Как видно из примера, весь сайт очень просто разбивается на блоки , которые берутся из чанков.
Это максимально упрощает понимание и уменьшает количество ошибок.
Весь дизайн перекладываем на плечи CSS который тоже можно вынести в отдельный чанк или файл.

Ну если уж совсем лениво возиться, можно воспользоваться готовыми шаблонами для MODx из этой коллекции .