Home
Articles
Sign in
Magicul X Editor
Edit and view Adobe XD & Figma files online—no software required
Website
upvote
Design Tools
User Interface (UI) Design
Overview
Details
Features
Comparison
Posted October 14, 2025
Topics
adobe xd photoshop ui ux
%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M35.889%2020.922c-.455-.965-1.369-1.953-2.636-2.861a16.906%2016.906%200%200%200-2.793-1.597%2030.431%2030.431%200%200%201-.57-3.198%2024.83%2024.83%200%200%201-.168-2.254%2021.385%2021.385%200%200%201-.006-.723c0-.076.004-.15.005-.226.003-.162.006-.324.012-.484.071-1.64.343-3.166.816-4.58a15.483%2015.483%200%200%200-5.5-1.005c-6.742%200-12.52%204.323-14.945%2010.467a25.766%2025.766%200%200%201%203.179-.614%2026.739%2026.739%200%200%201%203.432-.222%2026.595%2026.595%200%200%201%206.045.696c.267.063.53.129.79.199a26.707%2026.707%200%200%200-3.502-.23c-5.397%200-10.177%201.639-13.113%203.706-1.316.926-2.263%201.938-2.728%202.927l.071-.054c.025-.019.05-.038.077-.056.026-.02.054-.04.081-.058l.08-.055a5.116%205.116%200%200%201%20.348-.218%207.758%207.758%200%200%201%20.282-.159l.094-.049.1-.052.096-.048.103-.05.1-.047.104-.049.104-.046.104-.046.107-.046.105-.045.11-.045.105-.043.114-.044.104-.04.116-.044.105-.04.116-.041.106-.038.117-.04a9.607%209.607%200%200%201%20.23-.079c.033-.01.065-.022.098-.033l.133-.042.091-.03.129-.04.095-.03.137-.041.083-.025.156-.045.065-.02a31.337%2031.337%200%200%201%202.56-.615c.333-.067.671-.13%201.015-.19a43.36%2043.36%200%200%201%203.427-.451l.21-.02a49.33%2049.33%200%200%201%204.463-.199%2051.087%2051.087%200%200%201%203.011.09c.488.03.973.066%201.453.109l.21.02a45.868%2045.868%200%200%201%201.195.126c.761.092%201.507.2%202.232.325a38.041%2038.041%200%200%201%202.637.555%2028.583%2028.583%200%200%201%20.938.25l.065.02.155.045.083.025.138.042.095.03c.043.012.086.026.129.04l.091.029.133.042.098.033.124.042.105.036.118.04.106.039.116.042.105.039.116.043.104.04.114.045.105.043.11.045.105.045.107.046.104.046a13.972%2013.972%200%200%201%20.41.193l.097.047.1.052.094.05.097.053.09.05.094.055a8.078%208.078%200%200%201%20.348.218l.08.055.082.058.077.056.07.054m-4.347%204.943a12.152%2012.152%200%200%200-.043-.7c-.162-1.788-.717-3.563-1.59-5.176l-.058-.014a37.916%2037.916%200%200%200-3.876-.674c-.408%202.42-2.516%203.788-5.927%203.788-3.41%200-5.519-1.368-5.925-3.788a37.426%2037.426%200%200%200-3.876.674l-.06.014c-.872%201.612-1.426%203.386-1.589%205.173a12.303%2012.303%200%200%200-.044%201.43l.005.124c.008.2.022.401.043.603.372%203.586%202.806%207.382%2011.447%207.382%208.669%200%2011.09-3.822%2011.45-7.418.02-.203.033-.405.04-.605l.004-.087a10.962%2010.962%200%200%200-.001-.726%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M92.292%2010c-1.094%200-1.64.485-1.64%201.455%200%20.977.546%201.465%201.64%201.465.547%200%20.957-.129%201.231-.386.273-.257.41-.617.41-1.079%200-.97-.547-1.455-1.64-1.455ZM71.91%2025.195l-.584-1.484h-.079c-.507.632-1.03%201.07-1.567%201.313-.537.245-1.237.367-2.1.367-1.061%200-1.896-.3-2.506-.899-.61-.599-.914-1.452-.914-2.558%200-1.16.41-2.014%201.23-2.564.82-.55%202.058-.854%203.712-.913l1.918-.059v-.478c0-1.107-.574-1.66-1.72-1.66-.883%200-1.921.263-3.114.79l-.998-2.01c1.272-.658%202.682-.987%204.23-.987%201.483%200%202.62.319%203.41.957.792.638%201.187%201.608%201.187%202.91v7.275H71.91Zm-18.014%200H50.88v-6.377c0-.787-.134-1.378-.4-1.772-.267-.394-.687-.59-1.26-.59-.772%200-1.332.279-1.681.839-.35.56-.524%201.481-.524%202.764v5.136H44V14.277h2.303l.406%201.397h.167a3.049%203.049%200%200%201%201.286-1.177c.56-.283%201.202-.425%201.927-.425%201.654%200%202.775.534%203.361%201.602h.267c.296-.508.733-.902%201.31-1.182.576-.28%201.227-.42%201.952-.42%201.252%200%202.2.318%202.842.952.642.635.964%201.652.964%203.052v7.12H57.76v-6.378c0-.787-.134-1.378-.4-1.772-.267-.394-.688-.59-1.26-.59-.739%200-1.29.26-1.657.78-.365.521-.548%201.348-.548%202.48v5.48Zm15.957-5.02%201.167-.038v.898c0%20.658-.21%201.185-.628%201.582-.418.397-.977.596-1.675.596-.976%200-1.463-.42-1.463-1.26%200-.586.214-1.022.642-1.308.429-.287%201.081-.443%201.957-.47Zm17.742-5.898v1.514l-1.73.44c.316.488.474%201.035.474%201.64%200%201.172-.413%202.085-1.24%202.74-.828.654-1.976.98-3.445.98l-.544-.029-.445-.048c-.31.234-.465.495-.465.78%200%20.43.554.645%201.661.645h1.878c1.213%200%202.137.258%202.773.772.636.514.954%201.27.954%202.266%200%201.276-.539%202.265-1.616%202.968-1.08.703-2.626%201.055-4.642%201.055-1.542%200-2.72-.265-3.534-.796-.814-.53-1.22-1.274-1.22-2.231%200-.658.207-1.208.622-1.65.415-.443%201.025-.76%201.829-.948-.31-.13-.58-.343-.811-.64-.23-.296-.346-.61-.346-.942%200-.417.122-.763.366-1.04s.596-.549%201.057-.816a2.956%202.956%200%200%201-1.379-1.19c-.339-.548-.508-1.192-.508-1.934%200-1.192.392-2.113%201.176-2.764.784-.651%201.904-.977%203.36-.977.31%200%20.678.028%201.103.083.425.056.697.096.815.122h3.856ZM79.66%2027.705c-.399-.234-.598-.557-.598-.967%200-.423.186-.763.558-1.02.373-.257.836-.386%201.39-.386h1.561c.758%200%201.318.078%201.68.234.363.157.544.44.544.85%200%20.508-.306.908-.919%201.201-.613.293-1.46.44-2.54.44-.719%200-1.277-.117-1.676-.352Zm.5-9.853c0%20.592.136%201.06.41%201.406.273.345.69.517%201.25.517.567%200%20.982-.172%201.245-.517.264-.345.396-.814.396-1.406%200-1.316-.547-1.973-1.641-1.973-1.107%200-1.66.658-1.66%201.973Zm13.634%207.343H90.78V14.277h3.015v10.918Zm3.374-5.4c0%203.73%201.72%205.596%205.16%205.596.758%200%201.385-.059%201.883-.176.497-.117.99-.329%201.478-.635v-2.549a5.863%205.863%200%200%201-1.483.718%205.421%205.421%200%200%201-1.611.23c-1.569%200-2.353-1.068-2.353-3.204%200-2.2.784-3.3%202.353-3.3.408%200%20.817.06%201.225.18.409.12.851.275%201.325.464l.89-2.304c-1.015-.495-2.162-.743-3.44-.743-1.747%200-3.088.49-4.023%201.47-.936.98-1.404%202.397-1.404%204.253Zm20.129%205.4-.405-1.396h-.158c-.323.508-.781.9-1.374%201.177-.594.276-1.269.415-2.027.415-1.298%200-2.277-.344-2.936-1.03-.659-.688-.988-1.675-.988-2.965v-7.119h3.015v6.377c0%20.788.141%201.379.425%201.773.283.394.735.59%201.354.59.843%200%201.453-.278%201.829-.834.375-.557.563-1.48.563-2.769v-5.137h3.015v10.918h-2.313Zm5.687%200H126V10h-3.015v15.195Z%22%20fill%3D%22%231B0068%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2220%22%20y1%3D%2252.712%22%20x2%3D%2253.326%22%20y2%3D%2217.753%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231B0068%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236D3CEA%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)