---
schema_version: "1"
id: 5b37eba36ad3aefb43bba827132649fb518a68c734be386ca130670ea15c173d
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/4.11/transform-graphically-construct-mapping-design-center-task.md
canonical_url: https://docs.mulesoft.com/mule-runtime/4.11/transform-graphically-construct-mapping-design-center-task
source_site: docs.mulesoft.com
content_type: documentation
content_hash: 85ab61874b1829156bb333f8b28551860609d991c34cff1df73202a1c972dd3e
description: MuleSoft Documentation Site
release: "4.11"
latest: false
---
---
product: Mule Runtime
version: 4.11
---

# 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/4.11/_images/to-transform-data-c2fc6.png)

![A table with properties for title, author, item, and year](/mulesoft/current/en-us/mule-runtime/4.11/_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/4.11/_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/4.11/_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/4.11/dataweave)