The use of diagram editors has been very useful for creating design solutions in the area of Human-Computer Interaction. They facilitate the use of modeling languages and provide control over the elements of the solution space, preventing the user from using an invalid lexical item of the chosen language. These elements are defined in a metamodel, which basically consists of a set of concepts with-in a given domain. As a result, users gain speed and reliability in the process of creation. However, many editors do not guarantee that designed solution meets the language syntax. For this, we need an editor that, in addition to having control over the language symbols, also provides support for the use of models, going beyond graphical editing and also making use of the syntax rules defined in each metamodel. With this set of rules that define the form of language, the user may be warned of possible rule violations while building the solution. The rules describe the syntax of the language through its grammar. To parse a diagram means to try to find a sequence of applications of rules that derive from a grammar or some representation of it. Considering this approach, this dissertation presents a study on diagram editors, and a metamodel-driven tool that allows the user to, by defining a metamodel, make use of a generic diagram editor for visual languages that can control the vocabulary and grammar of the created diagrams. Thus, the goal of current research is to propose a tool that encompasses these solutions and is focused on visual languages common in the area of Human- Computer Interaction, such as MoLIC, CTT and Statecharts.