Figma Make for Website Prototyping - Explained for Beginners

Firstly, clarify to yourself what to define and what to make.

Research that what you are thinking to make is already exist if yes then do more research on it that how the other’s one work what are the pros and cons of that and take inspiration what is useful and good and if there’s something wrong or lacking then try to fix that in your design.

1. Conceptualize your object

• Define the goal.
• Visual Flow.
• Core Feature.
• Themes & Mood.

Specify small things.

Important Tips:

Prompting Technique - Front-load your First Prompt with Details.

• Be very specific.
• Use Chat GPT for refining.

And one more key fundamental is that AI output is your baseline, not your finish line.

Collect References

• Observe color palettes & typography styles. Go through Mobbin, Behance there are so many websites for taking inspiration.

• Do not skip your research because without it you will definitly miss something.

• Group related elements into components.

  Clean up your Design files before using

• Remove unused elements on hidden layers.

• Because this thing helps sometimes developer or PM collaborate, discuss, brainstorm in design files.