---
schema_version: "1"
id: e7959e9755d288502a46964fb11ccc8787b8683d5878f227d1e84920813d98a8
title: Graphically Construct a Mapping (Design Center)
collection: mulesoft
version: current
locale: en-us
portal_url: https://docs.salesforce.com/mulesoft/current/en-us/mule-runtime/latest/transform-graphically-construct-mapping-design-center-task.md
canonical_url: https://docs.mulesoft.com/mule-runtime/latest/transform-graphically-construct-mapping-design-center-task
source_site: docs.mulesoft.com
content_type: documentation
content_hash: f4d1a646ab4506f4b4ea6f38ebaf45c8c82bdb63235bbaaf8a1cda0d1817feeb
description: MuleSoft Documentation Site
release: "4.13"
latest: true
---
---
product: Mule Runtime
version: 4.13
is-latest-version: true
---

# Graphically Construct a Mapping (Design Center)

> For the full documentation index, see: https://docs.mulesoft.com/llms.txt

Through the graphical UI of the Transform component you can do the tasks below. Each task will
produce the DataWeave source code that describes the action.

## Map a Field

Drag an element on the input structure over to another on the output structure, this action creates
a line that joins these two elements.

![A transformation flow from item type and price in a payload](/mulesoft/current/en-us/mule-runtime/latest/_images/to-transform-data-c2fc6.png)

![A table with properties for title, author, item, and year](/mulesoft/current/en-us/mule-runtime/latest/_images/to-transform-data-afe5b.png)

## Remove a Mapping

1.  Select the corresponding input element.

    A trash can icon
    ![Delete icon](/mulesoft/current/en-us/mule-runtime/latest/_images/graphically-construct-mapping-design-center-task-2457b.png) appears on
    the connection.

2.  Click the trash can icon.

## Set a Fixed Value or Function

1.  Double click on a field (that doesn’t have any children) in the output tree. This adds a
    function icon
    ![Function icon](/mulesoft/current/en-us/mule-runtime/latest/_images/graphically-construct-mapping-design-center-task-8a822.png) next to it.

2.  A box with the default value `null` appears. You can change `null` to anything you want, such
    as:

    - A fixed text value by using " ".

    - A reference to an input field.

    - A statement that includes DataWeave functions.

This experience relates to that of using a spreadsheet, where each field can be a direct reference
to another field, or can be the product of a function that involves such references.

> [!NOTE] Functions can be removed by clicking on the trash-can icons that appear next to them.

## See Also

[DataWeave Function Reference](https://docs.mulesoft.com/dataweave/latest/dw-functions)

[DataWeave Language](https://docs.mulesoft.com/mule-runtime/latest/dataweave)