# How to Edit in Figma

Viewport: 1910x922 @1.25x

Playback: autoplay=false durationMs=3000 navBar=false arrows=true callouts=true browserBar=false browserTheme=light

1. [Intro] How to Edit in Figma
   - body: This guide provides a step-by-step process on how to make specific edits in Figma. Follow these steps carefully to successfully complete the editing task.
   - voiceover: This guide will walk you through the steps to edit shapes and text in Figma. Follow these instructions to easily modify properties such as size, color, stroke, and text content.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e6hz4a000o0dl57hq7a06h.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
1. step_01 [image] - Open Figma.
   - source type: IMAGE
   - description: Initial Click
   - target: (1016, 253), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (1016, 253), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Launch the Figma application on your computer or go to the Figma website and log in to your account.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e6i3er000q0dl57yn33xvs.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e637u4000003huyqnmehk9.png
2. step_02 [image] - Click on the shape to select it.
   - source type: IMAGE
   - description: Second Click
   - target: (792, 333), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (792, 333), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click on the shape you want to edit. This will highlight the shape and make it ready for modification.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e6i3fn000r0dl58v1ybvad.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e63e80000203huixkuxlq5.png
3. step_03 [image] - Resize, change colors, modify stroke, and adjust other properties from the right sidebar.


   - source type: IMAGE
   - description: Select Stroke Option
   - target: (1037.035982788101, 377.5817202076672), rect: top=361.20001220703125 left=1303.800048828125 width=164.1999969482422 height=32
   - hotspots: 1
     - hotspot_01 (1037.035982788101, 377.5817202076672), rect: top=361.20001220703125 left=1303.800048828125 width=164.1999969482422 height=32
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: In the right sidebar, you can resize the shape, change its color, adjust the stroke, and tweak other properties as needed.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e6i3gi000s0dl50x9n3vy7.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e63jti000303hu9a2t90ar.png
4. step_04 [image] - Text Editing:
Double-click the text to enter editing mode.
   - source type: IMAGE
   - description: Third Click
   - target: (691.9778046518325, 547.7672949404965), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (691.9778046518325, 547.7672949404965), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Double-click on the text you want to edit. This action will allow you to enter text editing mode directly on the canvas.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e6i3hd000t0dl5bp62h2ph.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e63oe8000803hu7qbpjn0l.png
5. step_05 [image] - Make changes to the text content directly in the canvas.


   - source type: IMAGE
   - description: Enter Value
   - target: (1279.390560796906, 355.30194438207064), rect: top=357.6000061035156 left=1400.7000732421875 width=64.73750305175781 height=24
   - hotspots: 1
     - hotspot_01 (1279.390560796906, 355.30194438207064), rect: top=357.6000061035156 left=1400.7000732421875 width=64.73750305175781 height=24
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Make the necessary changes to the text content directly on the canvas. Click outside the text box to exit editing mode.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e6i3ia000u0dl53bm79n22.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e63vpq000a03huu4d02cjk.png
7. [Outro] Congratulations 🎉
   - body: You have successfully completed these steps for editing in Figma. You can now proceed to other actions or refine your edits as needed.
   - voiceover: After editing your shapes and text, don’t forget to save your project. You can also explore more advanced features in Figma such as prototyping and collaboration with team members.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e632rx0024le0df8nkptu6/cm9e6i1eo000p0dl5b7aj70ks.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM

Source: https://share.layerpath.com/share/cm9e632rx0024le0df8nkptu6/tour