jakkph / prompt_ideas

UX/UI

100 prompt ideas across 10 design categories that you can use with Framer AI

Basic Design:

1. Create a simple login screen with a username and password field.
2. Design a profile card for a social media platform.
3. Design an onboarding flow for a mobile app.
4. Create a navigation menu for a website with dropdown options.
5. Design a minimalist weather app interface.
6. Create a notification pop-up for a messaging app.
7. Design a calendar widget for a productivity app.
8. Create a progress bar for a fitness tracking app.
9. Design a settings page for a music streaming app.
10. Create an icon for a food delivery app.

Interactive Prototypes:

11. Prototype a swipe gesture for a photo gallery.
12. Create a clickable prototype for a car rental booking process.
13. Design an interactive map with zoom and pan functionality.
14. Prototype a shopping cart interaction for an e-commerce app.
15. Design a music player with play, pause, and skip controls.
16. Prototype a toggle switch for a dark mode feature.
17. Create an interactive prototype for a quiz app.
18. Design a chat interface with typing indicators.
19. Prototype a drag-and-drop feature for a to-do list app.
20. Design a slider for adjusting image filters.

Animations:

21. Create a loading animation for a travel booking app.
22. Design an animated transition between two screens.
23. Prototype a parallax scrolling effect for a landing page.
24. Design an animation for a button press interaction.
25. Create an animated menu opening for a mobile app.
26. Design a bouncing animation for a notification badge.
27. Prototype a fade-in and fade-out effect for a modal.
28. Create an animation for a successful form submission.
29. Design a microinteraction for liking a post.
30. Prototype a card flip animation for a memory game.

Complex Interactions:

31. Design an interface for booking a table at a restaurant.
32. Prototype a multi-step checkout process for an online store.
33. Create an interactive prototype for a language learning app.
34. Design an interface for editing a photo with various tools.
35. Prototype a music playlist reordering feature.
36. Design an interactive timeline for a historical app.
37. Create a prototyped navigation flow for a travel app.
38. Design an interface for creating and managing events.
39. Prototype a virtual reality tour of a museum.
40. Design an interface for controlling smart home devices.

Responsive Design:

41. Design a responsive layout for a news website.
42. Create an adaptive mobile menu for a restaurant website.
43. Design a responsive email template for a marketing campaign.
44. Prototype a collapsible sidebar for a dashboard.
45. Create an interface that adjusts for both portrait and landscape orientations.
46. Design a responsive image grid for a portfolio website.
47. Prototype a responsive product carousel for an online store.
48. Create a mobile-friendly version of a desktop website.
49. Design an interface that adapts to different screen sizes.
50. Prototype a flexible navigation bar for a mobile app.

User Flows:

51. Design a user flow for signing up and creating a profile.
52. Create a user flow for searching and booking a flight.
53. Design a user flow for adding items to a shopping cart.
54. Create a flow for submitting a support ticket in an app.
55. Design a user journey for onboarding new users.
56. Create a flow for exploring and purchasing products in an e-commerce app.
57. Design a user flow for composing and sending a message.
58. Create a flow for scheduling appointments in a calendar app.
59. Design a user journey for exploring and playing songs in a music app.
60. Create a flow for selecting and ordering food in a delivery app.

Advanced Prototyping:

61. Prototype a voice-controlled interface for a smart assistant.
62. Design a gesture-based navigation for a mobile game.
63. Prototype a 3D rotation interaction for a product showcase.
64. Design an augmented reality interface for trying on clothes.
65. Prototype a branching scenario for an interactive story app.
66. Design an interface for controlling a drone with touch gestures.
67. Prototype a real-time collaboration feature for a design tool.
68. Design an interactive dashboard with customizable widgets.
69. Prototype a virtual tour of a real estate property.
70. Design an interface for a virtual pet simulation app.

Data Visualization:

71. Design a bar chart to visualize sales data.
72. Create a line graph to show user engagement over time.
73. Design a pie chart for displaying market share.
74. Create an interactive map to show population density.
75. Design a scatter plot to represent correlations in data.
76. Create a radar chart for comparing multiple attributes.
77. Design a heatmap to visualize website traffic.
78. Create a stacked area chart to display resource allocation.
79. Design a histogram to show frequency distribution.
80. Create a bubble chart for displaying three dimensions of data.

Microinteractions:

81. Design a microinteraction for toggling a switch.
82. Create a microinteraction for confirming a deletion action.
83. Design a microinteraction for showing password strength.
84. Create a microinteraction for scrolling through a list.
85. Design a microinteraction for rating content with stars.
86. Create a microinteraction for highlighting selected text.
87. Design a microinteraction for showing a progress indicator.
88. Create a microinteraction for revealing hidden content.
89. Design a microinteraction for previewing a linked page.
90. Create a microinteraction for showing and hiding a tooltip.

Accessibility:

91. Design an interface with high contrast for better readability.
92. Create an interface with resizable text for different visual preferences.
93. Design an interface with keyboard navigation in mind.
94. Create an accessible color palette for users with color blindness.
95. Design an interface with proper heading hierarchy for screen readers.
96. Create an interface that adheres to web accessibility guidelines.
97. Design an interface with clear focus indicators for keyboard users.
98. Create an interface with alternative text for images.
99. Design an interface with adjustable font sizes.
100. Create an interface with captions or transcripts for multimedia content.