How does it work?

Each day you'll receive a challenge.

1 . Each day you'll receive a challenge.
Join the <a href="https://discord.gg/adobexd?sdid=7RZ367N1&mv=affiliate" target="_blank">community chat</a> to stay informed and connect with others.

2 . Join the community chat to stay informed and connect with others.
Watch the daily live show to get started and ask questions.

3 . Watch the daily live show to get started and ask questions.
Finally, share your work to get feedback from mentors and other participants!

4 . Finally, share your work to get feedback from mentors and other participants!

Unlock The Challenges

Notify me about future XD challenges

Next Steps

  • Design at the speed of thought.
    Wireframe, design, prototype, present, and share amazing experiences for web, mobile, voice, and more — all in one app.
  • Chat with the community
    Connect with the XD community on Discord to get valuable feedback on your work and find answers to your questions.

Explore Past Challenges

  • Repeat Grids
    Repeat Grids
    Design the donation experience for a ‘buy a book, give a book’ mobile app. Try using repeat grids to create browsable galleries.
  • Auto-animate
    Auto-animate
    Design a digital experience that rewards users with credits to plant trees in the real world. Try using Auto-animate to bring your designs to life!
  • Drag Trigger
    Drag Trigger
    Design an experience that allows users to donate to charities directly from their paychecks. After you design, jump into prototype mode and add interactions such as drag triggers.
  • Plugins
    Plugins
    Design an amber alert experience for mobile devices. As you design, try speeding up your workflow with plugins.
  • Component States
    Component States
    Design an online voting experience for mobile, web or tablet. Try using component states to ensure consistency and simplicity in your design.
  • Voice Trigger
    Voice Trigger
    Create a digital experience for discovering and saving free educational resources. Pick a topic of personal interest and then use voice triggers to prototype an interactive experience.
  • Hover Trigger
    Hover Trigger
    Design a mobile app that makes volunteering for and donating to local homeless shelters more accessible. Try using hover triggers to create advanced prototype interactions.
  • Advanced Prototyping
    Advanced Prototyping
    Design a mobile, web or tablet experience that tracks home or business utility usage. When you’re finished designing, use advanced prototyping techniques to add animations and interactions.
  • Usability
    Usability
    Design an experience that focuses on improving a user’s mental wellness! Use the starter file to generate an intent, then design for a specific user’s needs as you work.
  • Simplify
    Simplify
    Design an experience for finding and building friendships! Use the tool in the starter file to select a use case. Then, try organizing your user flow into a few simple steps.
  • Hierarchy
    Hierarchy
    Design an experience that helps users limit screen time and build healthy digital habits. Use the starter file to select an intent and focus on both informational and visual hierarchies.
  • Accessibility
    Accessibility
    Design an experience that helps users improve their physical wellness. Select an intent from the starter file and emphasize accessibility as you design.
  • Consistency
    Consistency
    Design an experience that helps users optimize their nutritional wellness! Select an intent using the starter file, then give your design personality with cohesive visual and written elements.
  • Testing new archive
    Testing new archive
    testing something
  • Components
    Components
    Design a web experience for building custom perfumes and colognes! Leverage the power of components to reuse design elements and allow users to choose scents with tap triggers.
  • Hover Trigger
    Hover Trigger
    Design a web page for a furniture store and then create their digital instruction manual. Users should be able to hover over furniture pieces to view step by step instructions.
  • Component States
    Component States
    Design a web experience that generates personalized messages. Create dropdown menus to designate the tone, context and recipient. Try using component states for each dropdown menu.
  • Auto-Animate
    Auto-Animate
    Use Auto-Animate to prototype a tablet-based digital fireplace. Try adjusting the timing, color and shape of your flames to bring them to life!
  • Libraries
    Libraries
    Design an e-commerce mobile app for buying holiday decor. Try using CC Libraries to organize and import images.
  • Maps
    Maps
    Design a web-based Santa tracker for kids! Allow users to hover over various locations around the world to see what time Santa will arrive.
  • Countdown
    Countdown
    Design a holiday countdown app for smart watches! Create a simple countdown that scrolls through numbers vertically using Auto-Animate. Try using the plugin manager to work more efficiently!
  • Multiple Interactions
    Multiple Interactions
    Design a hands-free recipe app for tablet! Create voice commands for actions like “turn the page” or “next ingredient” and enable tap gestures for the same functionality.
  • Multiple Interactions
    Multiple Interactions
    Design the browse experience for a pet adoption app! As users browse, allow them to either tap for more info or swipe to favorite.
  • Component States
    Component States
    Design the payment experience for a scooter rental application! Focus on designing and prototyping different button states for the pay button before and after payment is processed.
  • Hover Trigger
    Hover Trigger
    Design an online marketplace that helps users buy and sell items locally. Allow users to hover over items and receive additional product details with Hover Triggers.
  • Plugins
    Plugins
    Design the waitlist experience for a restaurant mobile app. Allow users to view their position in line and receive table notifications. Speed up your workflow with plugins from the Plugin Manager!
  • Share Mode
    Share Mode
    Design the light mode and dark mode for a journaling mobile app! Try using Share Mode to distribute contrasting artboards for feedback.
  • Asset Management
    Asset Management
    Design the landing page for a health food website. As you design, try uploading components and assets from Adobe XD into CC Libraries for future use.
  • Emoji Reactions
    Emoji Reactions
    Design the messaging experience for a desktop or mobile app! Allow users to react with emojis. They should scroll left or right for emoji options or tap and hold for a custom emoji slider.
  • Advanced Prototyping
    Advanced Prototyping
    Design a mobile app for finding local events! Focus on the calendar view, allowing your users to hover over a date and receive event details.
  • User Flow
    User Flow
    Design the user flow and low fidelity wireframes for a web based livestream video experience. Try creating a mood board that informs your color, type and asset choices.
  • Landing Page
    Landing Page
    Design the landing page for a web based livestream video service. Use repeat grid to create a video gallery with categories and use the PhotoSplash plugin to populate it with images.
  • Player Page
    Player Page
    Design the video player page for a web based livestream video service. Focus on the chat experience as you add icons, symbols and buttons.
  • Mobile View
    Mobile View
    Design the mobile view for a livestream video player! Think about how the web player from challenge #3 might change for mobile. For example, your users might need to expand or hide the chat.
  • Share Your Work
    Share Your Work
    Prototype your screens, export your work and tell your story on Behance! Make your project engaging with context, highlighting your design and thought process.
  • Design Systems
    Design Systems
    Choose a personal hobby or interest and then design a mobile experience for users to learn more about it. While designing name your assets and organize elements into components.
  • Plugins
    Plugins
    Design an experience that allows users to discover local activities and events. Leverage plugins such as UI Faces and PhotoSplash to optimize your workflow.
  • Auto-Animate
    Auto-Animate
    Design the control hub for a device with custom lighting options. Use Auto-Animate to create dynamic animations and transitions as you change settings and effects.
  • Repeat Grid
    Repeat Grid
    Design an experience for a mood board app that allows users to upload, save and present inspirational images. Use Repeat Grid to quickly build the gallery and plugins to populate it with imagery.
  • Import Assets
    Import Assets
    Design the interface for a Chrome extension that allows users to easily bookmark and manage sites. Try designing an asset in Illustrator and importing it with CC Libraries.
  • Voice Triggers
    Voice Triggers
    Design a smartwatch experience that helps users identify songs. Use Voice Triggers in Prototype mode to initiate actions.
  • Multiapp Workflow
    Multiapp Workflow
    Design a photo editing application with preset filters. Create the filters in Photoshop and import them into Adobe XD with CC Libraries.
  • Prototype
    Prototype
    Design and prototype the mobile viewing experience for a movie streaming service. Focus on prototyping the user journey for viewing statistics and watch time.
  • Marketplace
    Marketplace
    Create a mobile marketplace where people can resell or donate used clothing. Give sellers the option to write fun stories for their clothing using overlays.
  • Photo Editor
    Photo Editor
    Composting is a great way to reduce waste! Design a photo sharing app with filters that promote composting. Simulate your photo editing experience with Auto-Animate.
  • Dashboard
    Dashboard
    Design a dashboard that displays waste, water and energy usage for a community or building! Gamify your design by tracking and ranking performance between floors or members.
  • Maps
    Maps
    Carpooling promotes community building. Design the pickup, ride and dropoff experience for a carpool app! Try using the Maps generator plugin in Adobe XD.
  • Checkout
    Checkout
    Design a grocery store checkout monitor that shows the environmental impact of a customer’s purchase. Try designing a data visualization of the overall impact!
  • Scan Barcodes
    Scan Barcodes
    Design an experience that scans and sorts recyclable goods! Allow people to scan an item and then use timed transitions to give them recycling tips.
  • Calendar
    Calendar
    Bring gardening to the twenty-first century with an app for novices to identify how often they should be watering. Allow people to look up plants and set a calendar with reminders!
  • E-Commerce
    E-Commerce
    Design an E-commerce experience for big-box retailers to list and sell refurbished furniture. Create a search and filter experience for customers to select desired styles.
  • Tap Gesture
    Tap Gesture
    Design a notecard quiz to learn a subject or language! Allow users to tap and flip notecards to check if their answer is correct.
  • Components
    Components
    Design a home garden organizer. Allow users to arrange flowers and veggies and determine when to plant. Use components to reuse plant icons and elements!
  • Repeat Grid
    Repeat Grid
    Design the gallery and browsing experience for a fashion website. Create your gallery with Repeat Grid and drag-and-drop to populate it with fashion related stock photos.
  • Overlays
    Overlays
    Design an experience to monitor and control a solar energy system! Allow users to monitor panel status and home battery charge. Then, design an overlay message to give users important system updates.
  • Auto-Animate
    Auto-Animate
    Design a futuristic teleportation app! Allow users to decide where they want to go and teleport to that location. Use Auto-Animate to create a visual for the teleportation process.
  • Cookie Banner
    Cookie Banner
    Create a cookie banner popup for a mobile app that collects your favorite design and career-related resources. Focus on creating a transparent message to build trust with the user.
  • Responsive Resize
    Responsive Resize
    Design a mobile and web experience for finding and booking concert tickets! Use Responsive Resize to transform your mobile experience into a web experience.
  • Advanced Prototyping
    Advanced Prototyping
    Design an augmented reality experience for a beauty app! Upload a photo and create various lipstick shades, then use Auto-Animate to visualize the different options.
  • Presentation Timer
    Presentation Timer
    Design a presentation timer with sections for mobile or desktop. Highlight the current section and show which ones are coming next. Try using Repeat Grid to speed up your design process!
  • Leaderboard
    Leaderboard
    Create the leaderboard and point tracking experience for a neighborhood cleanup app! Try using the UI Faces plugin for your user profile avatars.
  • Road Trip Randomizer
    Road Trip Randomizer
    Design the interface for a road trip app! After a user selects a driving distance, generate a random destination. Try prototyping a range slider and loading sequence with Auto-Animate.
  • Luxury Car Rental
    Luxury Car Rental
    Design the browsing experience for a dream car rental app! Use repeat grids to create a library of cards featuring luxury cars and allow users to expand a card for more info.
  • Digital Diet
    Digital Diet
    Create a digital diet app that limits device usage! List frequently used apps by icon and time used. Try importing an iOS modal for settings confirmation.
  • Food Ordering
    Food Ordering
    Design and prototype a food ordering app! Use drag triggers to add ingredients and a tap trigger to confirm the order. Try creating icons in Illustrator and importing them using CC Libraries.
  • Animated Elements
    Animated Elements
    Design and prototype a bubble tea builder! Create animated liquid with Auto-Animate and use tap triggers to select flavors and add-ons.
  • Voice Recognition
    Voice Recognition
    Design the joke of the day experience for a comedy app! Use voice triggers to ask for a specific type of joke and speech playback to get a response. XD puns are always welcome.
  • Interactive Elements
    Interactive Elements
    Design a checklist for a habit tracking app that allows users to check and uncheck items. Design for a habit building exercise, such as the XD Creative Challenge!
  • Auto-Animate
    Auto-Animate
    What if computers could interface with the human brain? Design the control system for a Neuralink-inspired app that allows users to download and manage brain space.
  • Drag Gesture
    Drag Gesture
    Design an experience for an e-reader app that allows users to flip through digital pages. Use Drag Gestures to enhance the flip experience.
  • Icons & Buttons
    Icons & Buttons
    Geocaching is an activity where participants use mobile devices to hide and seek treasure. Design icons and buttons for a geocaching app. Focus on icons for wayfinding and treasure!
  • Responsive Resize
    Responsive Resize
    Design an exercise class scheduling assistant that can be viewed on both mobile and web! Try using Responsive Resize to speed up your workflow.
  • Voice Triggers
    Voice Triggers
    Design the voice command experience for a language-learning app. Use voice triggers to allow your users to speak a word and receive the translation.
  • Indicators & States
    Indicators & States
    Design the rewards indicator for a recycling app. Give your users points for scanning items and allow them to watch in real-time as their points are tallied towards a goal.
  • Advanced Prototyping
    Advanced Prototyping
    Design a build-your-own pizza experience for a pizza ordering app. Use auto-animate to animate toppings as your users add items like pepperoni, mushrooms and peppers!
  • Simple Design Systems
    Simple Design Systems
    Create a mobile experience for controlling wireless speakers and RGB lights. As you design, consolidate your assets into a Design System by organizing components, character styles and colors.
  • Plugins
    Plugins
    Design a recipe collection app, curated from top chefs around the world. Focus on the recipes feed and details page. Use plugins for UI Faces and PhotoSplash to speed up your design process.
  • Auto-Animate
    Auto-Animate
    Design the ‘more info’ experience for a podcast app using Auto-animate. Allow users to learn more, subscribe and play. Try animating your transitions and icons.
  • Responsive Resize
    Responsive Resize
    Design a job application form for an open position at NASA. First, focus on a web design for desktop. Then, use responsive resize to quickly adapt your design for tablet devices.
  • Voice Triggers
    Voice Triggers
    Design a way to quickly check the weather for a weather app. Use voice triggers to ask what the weather is like and continue the conversation by asking for clothing and activity suggestions.
  • Repeat Grid
    Repeat Grid
    Create a calendar app to manage your design tasks for the month. Focus on the experience for adding and viewing a new event. Try using repeat grid to speed up your workflow.
  • Create User Flows
    Create User Flows
    Design a mobile news feed experience. First, map out the user flow to determine how users add new feeds, browse and favorite. Then, design and prototype your key screens.
  • Automotive navigation screen.
    Automotive navigation screen.
    Design the map experience for an automotive navigation screen. Try using Adobe XD’s map generator plugin.
  • Storytelling with data.
    Storytelling with data.
    Tell a compelling story with data. Design the species list and details screen for an endangered species awareness app.
  • User onboarding.
    User onboarding.
    Use the Auto-animate feature to guide first time users through a radio app. Focus on three onboarding steps: open menu, scan and choose station.
  • Interactive live chat.
    Interactive live chat.
    Design a tablet-based chat experience for a digital travel agent. Include a method for users to book travel within the chat.
  • Incentive centered design.
    Incentive centered design.
    Design the quiz section for a flash card app. Add card flip animations and a progress bar with motivational messages.
  • Design for multiple screens.
    Design for multiple screens.
    Design the details page for a car purchasing experience on both mobile and web. Consider how the call to action differs between surfaces.
  • Writing assistant app.
    Writing assistant app.
    Design the composition section for a writing assistant app. Give your app the ability to suggest edits and provide a writing score.
  • Smart home management.
    Smart home management.
    An alarm is tripped on a home security app, design the system status screen with a list of connected devices and alerts.
  • Landing page refresh.
    Landing page refresh.
    Website visitors are landing but not sticking. Use an eye catching image and simple search fields to design an engaging landing page for a travel website.
  • Improved search.
    Improved search.
    Visitors to a travel website are viewing a small portion of the experience. Expand on the search experience with categories, filters & recommendations to encourage website exploration.
  • Integrated navigation.
    Integrated navigation.
    When surveyed, visitors noted that the travel website lacked navigation aids. Design a navigation experience that allows users to easily orient themselves.
  • Marketing priorities.
    Marketing priorities.
    The marketing team wants to compete with other travel websites. Design an experience that highlights exclusive travel deals.
  • Mobile splash screen.
    Mobile splash screen.
    To reach more users, the travel site wants to launch a mobile app! Use auto animate to prototype an engaging splash and login experience for a travel app.
  • Mobile home screen.
    Mobile home screen.
    Convert the travel site landing page from week one into a home screen for mobile. Try using components, repeat grids and responsive resize.
  • Travel booking experience.
    Travel booking experience.
    Customers want to quickly book experiences on the go. Design a travel booking experience for mobile.
  • Trip notifications.
    Trip notifications.
    Potential customers want to be notified about trip deals before booking. Design an experience that surfaces trip notifications for mobile.
  • Home Screen.
    Home Screen.
    Design the home screen for a music creation app. Turn your buttons and elements into components as you design.
  • Icons and Buttons.
    Icons and Buttons.
    Design icons and buttons for a music creation app.
  • Voice Triggers.
    Voice Triggers.
    Design a search with voice experience for a music creation app using voice triggers.
  • Keyboard Triggers.
    Keyboard Triggers.
    Use keyboard triggers to design and prototype an interactive experience for making musical notes.
  • Experience Design.
    Experience Design.
    Starting from the music creation app home screen, design and prototype a 2+ artboard experience of your choosing. As you design, convert reusable elements into components.
  • Responsive Resize.
    Responsive Resize.
    Use responsive resize and components to transform an artboard from mobile to tablet.
  • Design Systems.
    Design Systems.
    Adapt the design of your music creation app for a related brand using design systems and components.
  • Auto Animate.
    Auto Animate.
    Design and prototype animated transitions using auto animate.
  • Home screen.
    Home screen.
    User research indicates that new users spend less than 30 seconds on the home screen after their initial login. Design an engaging home screen layout.
  • Order history.
    Order history.
    Customers are having difficulty locating previous orders. Can you think of a way to surface past orders efficiently and quickly?
  • Search and filter.
    Search and filter.
    Design a search experience that allows users to quickly filter and find relevant food options.
  • Marketing priorities.
    Marketing priorities.
    Marketing has two campaigns scheduled at the same time: “Quick Bites” & a partnership with sustainably sourced restaurants. Design an experience to prioritize promotions.
  • Place order.
    Place order.
    Research shows that users add items to their cart but do not complete the purchase process because there are too many steps and the cart is hard to edit. Simplify the process.
  • Address alert.
    Address alert.
    When customers order food to the wrong location they must contact customer service, causing delays & dissatisfaction. What can we add to the experience to prevent this?
  • Order status.
    Order status.
    Through user surveys, we have learned that users would like realtime order status updates. Design a way for customers to visualize order status and progress.
  • Delivery map.
    Delivery map.
    As part of the order status, users would like to view the location and arrival time for their food. Design a map experience for customers to view this information?

More Creative Challenges

Daily Creative

Challenge