ਪ੍ਰੋਡਕਟ ਡਿਜ਼ਾਈਨ ਕਰੋ, ਸਿਰਫ਼ ਤਸਵੀਰ ਨਹੀਂ
ਸਕ੍ਰੀਨਸ਼ੌਟ ਜੋੜੋ ਜਾਂ ਸਕ੍ਰੀਨ ਬਾਰੇ ਦੱਸੋ। Mythex ਇਸਨੂੰ ਅਸਲੀ ਡਾਟਾ, ਅਸਲੀ ਸਥਿਤੀਆਂ ਅਤੇ ਸਾਂਝਾ ਕਰਨ ਯੋਗ ਲਾਈਵ ਲਿੰਕ ਨਾਲ ਚੱਲਦੀ ਐਪ ਵਜੋਂ ਬਣਾਉਂਦਾ ਹੈ।
ਕਿਸੇ ਆਈਡੀਆ ਤੋਂ ਸ਼ੁਰੂ ਕਰੋ
ਔਨਬੋਰਡਿੰਗ ਫ਼ਲੋ
ਚਾਰ ਕਦਮਾਂ ਦਾ ਔਨਬੋਰਡਿੰਗ ਫ਼ਲੋ ਬਣਾਓ ਜਿਸ ਵਿੱਚ ਪ੍ਰੋਗਰੈੱਸ ਬਾਰ, ਟਾਈਪ ਕਰਦਿਆਂ ਹੀ ਜਾਂਚ ਕਰਨ ਵਾਲਾ ਪ੍ਰੋਫ਼ਾਈਲ ਫ਼ਾਰਮ, ਛੱਡਣ ਦਾ ਵਿਕਲਪ ਅਤੇ ਇੱਕ ਮੁਕੰਮਲ ਸਕ੍ਰੀਨ ਹੋਵੇ।
ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਪੰਨਾ
ਇੱਕ ਜਿਉਂਦੀ ਸਟਾਈਲ ਗਾਈਡ ਬਣਾਓ ਜੋ ਸਾਡੇ ਰੰਗ, ਟਾਈਪ ਸਕੇਲ, ਬਟਨ, ਇਨਪੁੱਟ, ਕਾਰਡ ਅਤੇ ਅਲਰਟ ਦਿਖਾਏ, ਹਰ ਇੱਕ ਡਿਫ਼ੌਲਟ, ਹੋਵਰ, ਅਸਮਰੱਥ ਅਤੇ ਗ਼ਲਤੀ ਵਾਲੀ ਸਥਿਤੀ ਵਿੱਚ।
ਪੋਰਟਫ਼ੋਲੀਓ ਸਾਈਟ
ਇੱਕ ਪੋਰਟਫ਼ੋਲੀਓ ਸਾਈਟ ਬਣਾਓ ਜਿਸ ਵਿੱਚ ਕੇਸ ਸਟੱਡੀਆਂ ਦੀ ਗ੍ਰਿਡ, ਹਰ ਇੱਕ ਲਈ ਵੱਡੀਆਂ ਤਸਵੀਰਾਂ ਅਤੇ ਛੋਟੇ ਵੇਰਵੇ ਵਾਲਾ ਪੰਨਾ, ਅਤੇ ਇੱਕ ਸੰਪਰਕ ਫ਼ਾਰਮ ਹੋਵੇ।
ਡੈਸ਼ਬੋਰਡ ਸੰਕਲਪ
ਸਾਈਡਬਾਰ, ਤਾਰੀਖ ਰੇਂਜ ਚੋਣਕਾਰ, ਚਾਰ ਅੰਕੜਾ ਕਾਰਡ ਅਤੇ ਇੱਕ ਚਾਰਟ ਵਾਲਾ ਕਲਿੱਕ ਕਰਨ ਯੋਗ ਐਨਾਲਿਟਿਕਸ ਡੈਸ਼ਬੋਰਡ ਬਣਾਓ, ਅਸਲ ਵਰਗੇ ਨਮੂਨਾ ਡਾਟਾ ਨਾਲ ਭਰਿਆ।
ਸਕ੍ਰੀਨਾਂ ਸਿਰਫ਼ ਅੱਧੀ ਕਹਾਣੀ ਦੱਸਦੀਆਂ ਹਨ
ਚੱਲਦਾ ਪ੍ਰੋਡਕਟ ਉਹ ਦਿਖਾਉਂਦਾ ਹੈ ਜੋ ਸਥਿਰ ਫ਼੍ਰੇਮ ਨਹੀਂ ਦਿਖਾ ਸਕਦੇ। ਇਸਨੂੰ ਬਣਾਓ, ਕਲਿੱਕ ਕਰੋ, ਅਤੇ ਅਸਲੀ ਚੀਜ਼ ਸਾਂਝੀ ਕਰੋ।
ਸਿਰਫ਼ ਲੇਆਉਟ ਨਹੀਂ, ਵਿਹਾਰ ਦਿਖਾਓ
ਟਾਈਪ ਕਰਦਿਆਂ ਹੀ ਜਾਂਚ ਕਰਨ ਵਾਲੇ ਫ਼ਾਰਮ, ਅਸਲੀ ਡਾਟਾਬੇਸ ਤੋਂ ਭਰਨ ਵਾਲੀਆਂ ਸੂਚੀਆਂ ਅਤੇ ਬਟਨ ਜੋ ਸੱਚਮੁੱਚ ਕੁਝ ਕਰਦੇ ਹਨ।
ਔਖੇ ਰਾਹ ਵੀ ਡਿਜ਼ਾਈਨ ਕਰੋ
ਖਾਲੀ ਸਥਿਤੀਆਂ, ਲੋਡਿੰਗ, ਗ਼ਲਤੀਆਂ ਅਤੇ ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ — ਇੱਥੇ ਹੀ ਪ੍ਰੋਡਕਟ ਟੁੱਟਦੇ ਹਨ। ਹਰ ਇੱਕ ਮੰਗੋ ਅਤੇ ਇਸਨੂੰ ਚੱਲਦਾ ਵੇਖੋ।
ਇੱਕ ਪ੍ਰੋਡਕਟ, ਵੱਖ-ਵੱਖ ਲੋਕ
ਅਸਲੀ ਸਾਈਨ-ਇਨ ਅਤੇ ਰੋਲਾਂ ਨਾਲ ਦਿਖਾਓ ਕਿ ਐਡਮਿਨ ਕੀ ਵੇਖਦਾ ਹੈ ਅਤੇ ਮੈਂਬਰ ਕੀ।
ਪਹਿਲਾ ਤਜਰਬਾ ਸਹੀ ਰੱਖੋ
ਕਦਮਾਂ ਦਾ ਕ੍ਰਮ, ਡਿਫ਼ੌਲਟ ਅਤੇ ਕੀ ਵਿਕਲਪਿਕ ਹੈ — ਇਹੀ ਤੈਅ ਕਰਦਾ ਹੈ ਕਿ ਲੋਕ ਔਨਬੋਰਡਿੰਗ ਪੂਰੀ ਕਰਨਗੇ ਜਾਂ ਨਹੀਂ। ਅਸਲੀ ਫ਼ਲੋ ਅਜ਼ਮਾਓ, ਉਸਦੀ ਤਸਵੀਰ ਨਹੀਂ।
ਹੈਂਡਔਫ਼ ਦੀ ਥਾਂ ਇੱਕ ਲਿੰਕ
ਪ੍ਰੀਵਿਊ ਲਿੰਕ ਸਾਂਝਾ ਕਰੋ ਜਾਂ ਪਬਲਿਸ਼ ਕਰੋ। ਇੰਜੀਨੀਅਰਾਂ ਨੂੰ ਚੱਲਦਾ ਹਵਾਲਾ ਮਿਲਦਾ ਹੈ ਅਤੇ Pro ’ਤੇ ਕੋਡ ਵੀ।
ਡਿਜ਼ਾਈਨਰ Mythex ’ਤੇ ਕਿਉਂ ਬਣਾਉਂਦੇ ਹਨ
ਸਿਰਫ਼ ਲੇਆਉਟ ਨਹੀਂ, ਵਿਹਾਰ
ਖਾਲੀ, ਲੋਡਿੰਗ ਅਤੇ ਗ਼ਲਤੀ ਵਾਲੀਆਂ ਸਥਿਤੀਆਂ, ਜਾਂਚ ਕਰਨ ਵਾਲੇ ਫ਼ਾਰਮ ਅਤੇ ਅਸਲੀ ਡਾਟਾਬੇਸ ਤੋਂ ਭਰਨ ਵਾਲੀਆਂ ਸੂਚੀਆਂ ਟੈਸਟ ਕਰੋ। ਉਹ ਚੀਜ਼ਾਂ ਜੋ ਸਥਿਰ ਫ਼੍ਰੇਮ ਨਹੀਂ ਦਿਖਾ ਸਕਦਾ।
ਜੋ ਤੁਹਾਡੇ ਕੋਲ ਹੈ ਉੱਥੋਂ ਸ਼ੁਰੂ ਕਰੋ
ਸਕ੍ਰੀਨਸ਼ੌਟ ਜਾਂ ਮੌਕਅੱਪ ਤਸਵੀਰਾਂ ਵਜੋਂ ਜੋੜੋ ਅਤੇ ਹੂਬਹੂ ਬਣਾਉਣ ਲਈ ਕਹੋ। ਲੋੜ ਪੈਣ ’ਤੇ ਚੈਟ ਵਿੱਚ ਹੀਰੋ ਆਰਟ ਅਤੇ ਇਲਸਟ੍ਰੇਸ਼ਨ ਬਣਾਓ।
ਹੈਂਡਔਫ਼ ਦੀ ਥਾਂ ਇੱਕ ਲਿੰਕ
ਪ੍ਰੀਵਿਊ ਲਿੰਕ ਸਾਂਝਾ ਕਰੋ ਜਾਂ ਐਪ ਪਬਲਿਸ਼ ਕਰੋ। ਫ਼ੋਨ-ਆਕਾਰ ਪ੍ਰੀਵਿਊ ਵਿੱਚ ਹਰ ਸਕ੍ਰੀਨ ਜਾਂਚੋ, ਅਤੇ Pro ’ਤੇ CSS ਅਤੇ ਕੰਪੋਨੈਂਟ ਖ਼ੁਦ ਠੀਕ ਕਰੋ।
ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
ਦੱਸੋ
ਜੋ ਚਾਹੀਦਾ ਹੈ ਉਹ ਸਿੱਧੇ ਸ਼ਬਦਾਂ ਵਿੱਚ ਦੱਸੋ, ਜਾਂ ਕਿਸੇ ਟੈਂਪਲੇਟ ਤੋਂ ਸ਼ੁਰੂ ਕਰੋ।
ਬਣਦਾ ਵੇਖੋ
Mythex ਕੋਡ ਲਿਖਦਾ ਹੈ, ਡਾਟਾਬੇਸ ਸੈੱਟ ਕਰਦਾ ਹੈ ਅਤੇ ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਦਿਖਾਉਂਦਾ ਹੈ।
ਪਬਲਿਸ਼ ਕਰੋ
ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਇਹ ਪਬਲਿਕ ਪਤੇ ’ਤੇ ਪਹੁੰਚ ਜਾਂਦਾ ਹੈ — ਜਾਂ ਇਸਨੂੰ ਸਿਰਫ਼ ਆਪਣੀ ਟੀਮ ਤੱਕ ਰੱਖੋ।
ਉਹ ਟੂਲ ਜੋੜੋ ਜੋ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਵਰਤਦੇ ਹੋ
Google Sheets, Gmail, Slack, Notion, HubSpot ਅਤੇ ਸੈਂਕੜੇ ਹੋਰ ਐਪਾਂ ਇੱਕ ਵਾਰ ਜੋੜੋ, ਫਿਰ ਚੈਟ ਵਿੱਚ ਜੋ ਚਾਹੀਦਾ ਹੈ ਮੰਗੋ। ਤੁਹਾਡੀਆਂ ਐਪਾਂ ਉਹਨਾਂ ਵਿੱਚ ਪੜ੍ਹਦੀਆਂ ਅਤੇ ਲਿਖਦੀਆਂ ਹਨ, ਅਤੇ ਕੋਈ ਵੀ key ਕਦੇ ਤੁਹਾਡੇ ਕੋਡ ਵਿੱਚ ਨਹੀਂ ਆਉਂਦੀ।
ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ
ਕੀ ਮੈਂ Figma ਤੋਂ ਇੰਪੋਰਟ ਕਰ ਸਕਦਾ ਹਾਂ?
ਸਿੱਧਾ ਨਹੀਂ। ਕਿਸੇ ਫ਼੍ਰੇਮ ਨੂੰ ਤਸਵੀਰ ਵਜੋਂ ਐਕਸਪੋਰਟ ਕਰਕੇ ਚੈਟ ਵਿੱਚ ਜੋੜੋ, ਅਤੇ Mythex ਉਸ ਤੋਂ ਸਕ੍ਰੀਨ ਬਣਾਉਂਦਾ ਹੈ। ਜੋ ਤਸਵੀਰ ਵਿੱਚ ਨਹੀਂ ਦਿਸਦਾ, ਉਹ ਦੱਸੋ।
ਇਹ ਮੇਰੇ ਡਿਜ਼ਾਈਨ ਨਾਲ ਕਿੰਨਾ ਮਿਲੇਗਾ?
ਕਾਫ਼ੀ ਨੇੜੇ, ਅਤੇ ਚੈਟ ਕਰਕੇ ਹੋਰ ਨੇੜੇ ਲਿਆ ਸਕਦੇ ਹੋ: ਜੋ ਸਪੇਸਿੰਗ, ਰੰਗ ਜਾਂ ਫ਼ੌਂਟ ਠੀਕ ਨਹੀਂ, ਉਹ ਦੱਸੋ। Pro ’ਤੇ ਤੁਸੀਂ ਕੋਡ ਖ਼ੁਦ ਵੀ ਐਡਿਟ ਕਰ ਸਕਦੇ ਹੋ।
ਕੀ ਇਹ ਫ਼ੋਨ ’ਤੇ ਚੱਲਦਾ ਹੈ?
Mythex ਅਜਿਹੀਆਂ ਵੈੱਬ ਐਪਾਂ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਫ਼ੋਨ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਚੱਲਦੀਆਂ ਹਨ। ਪ੍ਰੀਵਿਊ ਵਿੱਚ ਫ਼ੋਨ-ਆਕਾਰ ਫ਼੍ਰੇਮ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਉਸ ਚੌੜਾਈ ’ਤੇ ਹਰ ਸਕ੍ਰੀਨ ਜਾਂਚ ਸਕੋ।
ਅਗਲਾ ਡਿਜ਼ਾਈਨ ਅਜਿਹਾ ਬਣਾਓ ਜਿਸਨੂੰ ਲੋਕ ਵਰਤ ਸਕਣ
ਮੁਫ਼ਤ ਸ਼ੁਰੂ ਕਰੋ, ਸਕ੍ਰੀਨਸ਼ੌਟ ਜੋੜੋ, ਅਤੇ ਮਿੰਟਾਂ ਵਿੱਚ ਆਪਣਾ ਡਿਜ਼ਾਈਨ ਚੱਲਦਾ ਵੇਖੋ।