- {{ content | safe }}
-
-- The Project diff --git a/_includes/layouts/faqs.njk b/_includes/layouts/faqs.njk deleted file mode 100644 index de41571a..00000000 --- a/_includes/layouts/faqs.njk +++ /dev/null @@ -1,10 +0,0 @@ ---- -layout: layouts/base.njk -templateClass: tmpl-faqs ---- - -
- Open Source. This is a game-changer for the design and prototype world. It means you can trust your designs are your own. You can adapt or improve the code or benefit from others doing so. You can host your own Penpot instance (also, native app in the works). You can integrate it the way you want. There’s no limit with technology sovereignty. -
- SVG. The fact that we don’t go for yet another proprietary format is a blow of fresh air. SVG is what code needs and wants, making the cooperation between design and code suddenly much easier. -
- Cross-domain team focus. Teams that are able to integrate many different skills and backgrounds and still enjoy a fruitful conversation (and project) are amazing to watch. Penpot aims to deliver the perfect tool for visual designers that is wholeheartedly embraced by developers too. -
- No platform dependencies. Penpot requires a browser, that’s it. If you want to host your own Penpot instance, that’s fine too. We plan to release a native app bundle later this year. -
- Chrome (or Chromium/Blink based browsers/Edge) -
- Firefox -
- WebKit (Safari / Epiphany) -
- Penpot Community: A public space to learn about Penpot and discuss its present and future. -
- Penpot Social Networks: Twitter, Mastodon, Instagram, Linkedin. -
- Penpot Youtube channel: Subscribe to get updates when we upload new Penpot tutorials, demos of features and talks. -
- Newsletter: Don’t miss the important stuff by subscribing to our low-traffic newsletter. -
- Penpot Github Project: Follow us to keep up to date with the development progress. -
- Responsive layout (also known as autolayout). -
- Advanced components (states, variants, interactions). -
- Sharing options with fine grained permissions. -
- [2022 - Q4] Taiga confluence, API and plugin framework. -
- ... and much more. -
-
-
-
FAQs →
-Get quick answers to usual questions about "why and how" Penpot.
+- + +
Contributing guide →
+How to report bugs, add translations and more.
- @@ -29,10 +29,10 @@ eleventyNavigation:
Installation, configuration and architecture.
- - + +
-
-
-
Contributing guide →
-How to report bugs, add translations and more.
+- + +
FAQs →
+Get quick answers to usual questions about "why and how" Penpot.
- diff --git a/technical-guide/configuration.md b/technical-guide/configuration.md index 923df719..281b8ffe 100644 --- a/technical-guide/configuration.md +++ b/technical-guide/configuration.md @@ -35,7 +35,7 @@ format: `
`. Penpot comes with an option to completely disable the registration process or restrict it to some domains. -If you want to completelly disable registration, use the following variable in both +If you want to completely disable registration, use the following variable in both frontend & backend: ```bash @@ -67,7 +67,7 @@ They are disabled by default since 1.13.0 ### Authentication Providers -For configure the authentication with third-party auth providers you will need to +To configure the authentication with third-party auth providers you will need to configure penpot and set the correct callback of your penpot instance in the auth-provider configuration. diff --git a/technical-guide/developer/architecture/index.md b/technical-guide/developer/architecture/index.md index 31d70820..b4920cb5 100644 --- a/technical-guide/developer/architecture/index.md +++ b/technical-guide/developer/architecture/index.md @@ -9,7 +9,7 @@ This section gives an overall structure of the system. Penpot has the architecture of a typical SPA. There is a frontend application, written in ClojureScript and using React framework, and served from a static web server. It talks to a backend application, that persists data on a -PosgreSQL database. +PostgreSQL database. The backend is written in Clojure, so front and back can share code and data structures without problem. Then, the code is compiled into JVM bytecode and diff --git a/technical-guide/getting-started.md b/technical-guide/getting-started.md index 2c9169dc..f5d232f0 100644 --- a/technical-guide/getting-started.md +++ b/technical-guide/getting-started.md @@ -181,7 +181,7 @@ and other ones commented out with some explanations. #### Create users using CLI By default (or when `disable-email-verification` flag is used), email verification process -is completly disabled for new registrations but is hightly recommended enabling email +is completly disabled for new registrations but is highly recommended enabling email verification or disable registration if you are going to expose your penpot instance to the internet. diff --git a/user-guide/components/index.njk b/user-guide/components/index.njk index 070515e1..24b4f533 100644 --- a/user-guide/components/index.njk +++ b/user-guide/components/index.njk @@ -4,12 +4,12 @@ title: 10· Components Components
Speed your workflow with the reusable power of components.
-A component is an object or group of objects that can be reused multiple times across user files (projects and teams in the future). All copies of a component used in user files are linked. That is, any update made to the Main component is reflected in all component copies (if you accept the update) . You can even create overrides for specific parts of component copies.
+A component is an object or group of objects that can be reused multiple times across files (projects and teams in the future). All copies of a component used in files are linked. That is, any update made to the Main component is reflected in all component copies (if you accept the update) . You can even create overrides for specific parts of component copies.
A component has two parts:
- Main component - This is the source that defines the component. Main components exist only in the library, not in the viewport. -
- Component Copy or instance. These are copy of a Main component that has been placed in the viewport. Component copies are linked to their Main component. +
- Component Copy or instance. These are copies of a Main component that has been placed in the viewport. Component copies are linked to their Main component.
- File format - PNG, SVG, JPEG, PDF.
Create a Component
@@ -40,7 +40,7 @@ title: 10· Components
Component Overrides
-Overrides are differences at the copy components from their main components. With overrides you can keep changes at the component copies while maintaining synchronization with the Main component.
+Overrides are modifications made in a specific copy that are not in its main component. With overrides you can keep changes at the component copies while maintaining synchronization with the Main component.
Component layers with overrides are marked with a “*” at the layers list.
Reset overrides
@@ -48,7 +48,7 @@ title: 10· ComponentsDetach Instance
Detach a component copy to unlink it from its Main component will transform it in a group layer. Press Ctrl + Shift + K or right click and select the option “Detach instance” at the component menu.
-You can acknowledge this achievement in bulk by selecting several components and committing the same action.
+You can also detach components in bulk by selecting several components and performing the same action.
Show main component
-To easily show the Main component of a component copy there is the option at the component menu “Show main component” that will open the library where the component belongs.
+To easily locate the Main component of a component copy there is the option at the component menu “Show main component” that will open the library where the Main component belongs.
diff --git a/user-guide/custom-fonts/index.njk b/user-guide/custom-fonts/index.njk index 2c76040c..3631af52 100644 --- a/user-guide/custom-fonts/index.njk +++ b/user-guide/custom-fonts/index.njk @@ -6,7 +6,7 @@ title: 16· Custom fontsIf you have purchased, personal or libre fonts that are not included in the catalog provided by Penpot, you can upload them from your computer and use them across the files of a team.
Upload local fonts
-To use a font that you have on your local machine, you need to upload it first to the Penpot team where you want to use it.
+To use a font that you have on your local machine, first you need to upload it to the Penpot team where you want to use it.
You can find the “Fonts” section in the dashboard menu, at the left sidebar.
@@ -21,7 +21,7 @@ title: 16· Custom fonts
Group fonts in font families
Fonts with the same font family name will be grouped as a single font family. That means that at the font list that you will use at the files they will be shown as only one font with different variants available.
-If you want to add a font variant (eg: Light) to a font family (eg: Helvetica) you only need to ensure at the upload that it has the same font family name.
+If you want to add a font variant (eg: Light) to a font family (eg: Helvetica) you only need to ensure during the upload process that it has the same font family name.
Edit custom fonts
diff --git a/user-guide/exporting/index.njk b/user-guide/exporting/index.njk index a96cb9e6..11ad3c50 100644 --- a/user-guide/exporting/index.njk +++ b/user-guide/exporting/index.njk @@ -23,11 +23,11 @@ title: 07· Exporting objects- Exported PDF files try to leverage the capabilities of PDF vectorial format (unpixelated zoom, select & copy texts, etc.). But cannot guarantee that 100% of SVG features may be converted perfectly to PDF. You may see differences between an object display inside Penpot and in the exported file. If you need and exact match, a workaround is to export the object into PNG and convert it to PDF with some of the many tools that exist for it.
+ Exported PDF files try to leverage the capabilities of PDF vectorial format (unpixelated zoom, select & copy texts, etc.), but cannot guarantee that 100% of SVG features may be converted perfectly to PDF. You may see differences between an object displayed inside Penpot and in the exported file. If you need an exact match, a workaround is to export the object into PNG and convert it to PDF with some of the many tools that exist for it.
Currently known issue: - When exporting objects with masks, the mask does not work when opening the PDF file with some open source tools (e.g. evince or inkscape). This is not a Penpot fault, but a bug in poppler, a library used by many of the open source tools. If you open the file with an official Adobe viewer, or a tool like okular or in a browser like Chrome or Firefox, you can see it well. + When exporting objects with masks, the mask does not work when opening the PDF file with some open source tools (e.g. evince or inkscape). This is not a Penpot's fault, but a bug in poppler, a library used by many of the open source tools. If you open the file with an official Adobe viewer, or a tool like okular or in a browser like Chrome or Firefox, you can see it well.
Multiple export presets
diff --git a/user-guide/flexible-layouts/index.njk b/user-guide/flexible-layouts/index.njk index e4b3f004..e1d206d7 100644 --- a/user-guide/flexible-layouts/index.njk +++ b/user-guide/flexible-layouts/index.njk @@ -6,11 +6,11 @@ title: 08· Flexible LayoutsPenpot's unique Flex Layout allows you to create flexible designs that can adapt automatically. Resize, fit, and fill content and containers without the need to do it manually.
- to help you learn the fundamentals of Flex Layout here’s a dedicated website where you will find a video tutorial and a playground template. + To help you learn the fundamentals of Flex Layout here’s a dedicated website where you will find a video tutorial and a playground template.
Flex Layout is based on CSS standards
-Penpot's proposal tries to get as close as possible to the final output that we will see on the web. Design and development speak the same language in order to embrace web standards and improve communication between roles. +
Penpot's proposal tries to get as close as possible to the final output that we will see on the web. Design and development speak the same language in order to embrace web standards and improve communication between roles. Penpot's Flex Layout is built over Flexbox, a CSS module that provides a more efficient way to lay out, align and distribute space among items in a container. As there are already many comprehensive explations about Flexbox we are not going to write another one. If you are interested we can recommend you to read the one at CSS Tricks.
Image from CSS Tricks @@ -27,7 +27,7 @@ Penpot's Flex Layout is built over Flexbox, a CSS module that provides a more ef
Arrange and reorder objects to a Flex Layout
-To add an object to a Flex Layout you can just drag it at the position of your desire. You can also create or paste elements like in any regular board.
+To add an object to a Flex Layout you can just drag it at the position of your choice. You can also create or paste elements like in any regular board.
To reorder elements you can drag them or use the UP/DOWN keystrokes.
@@ -54,7 +54,7 @@ Penpot's Flex Layout is built over Flexbox, a CSS module that provides a more ef
Selecting absolute position will exclude the element from the Flex layout flow allowing you to freely position an element in a specific place regardless of the size of the layout where it belongs.
Z-index:
-With the new z-index option you can decide the order of overlapping elements while maintaining the layers order.
+With the z-index option you can decide the order of overlapping elements while maintaining the layers order.
@@ -62,17 +62,17 @@ Penpot's Flex Layout is built over Flexbox, a CSS module that provides a more ef
When creating Flex layouts, the spacing is predicted, helping you to maintain your design composition.
-
Set paddings, margins and gaps using their respective numeric inputs
+Set paddings, margins and gaps using their respective numeric inputs.
You can also click and drag to resize them while visualizing the value that is being edited:
-
-
- Hold Shift/⇧ while dragging to change the value of opposite sides uniformly. -
- Hold Alt/⌥ while dragging to change the value of all sides uniformly. +
- Hold Shift/⇧ while dragging to change the value of opposite sides evenly. +
- Hold Alt/⌥ while dragging to change the value of all sides evenly.
Get code and specifications
-Designing with Flex Layout generates ready for production code. Select the flex board or its inner elements and then open the Inspect tab to obtain its properties detailed info and raw code.
+Designing with Flex Layout generates ready for production code. Select the flex board or its inner elements and then open the Inspect tab to obtain its properties, detailed info and raw code.
diff --git a/user-guide/import-export/index.njk b/user-guide/import-export/index.njk index 3c3c7747..1e873366 100644 --- a/user-guide/import-export/index.njk +++ b/user-guide/import-export/index.njk @@ -8,7 +8,7 @@ title: 14· Import/export files
Importing files from other tools and services are among the main priorities of the Penpot team. Related features are coming soon.
Export (download) Penpot files
-Exporting files is useful if you want to share Penpot files with a user that does not belong to one of your teams or you want to have a backup of your files outside penpot.app.
+Exporting files is useful if you want to share Penpot files with a user that does not belong to one of your teams or you want to have a backup of your files outside Penpot, both Saas (https://penpot.app) or your instance.
To export a file select the one of the download options from the file menu at the dashboard and the file will be downloaded to your computer. You can select between two formats, binary and standard. Each format has its advantages and disadvantages, choose what suits your case better.
Penpot file (.penpot): the fast.-
@@ -16,7 +16,7 @@ title: 14· Import/export files
- ❌ It can be opened only in Penpot.
- ❌ Not transparent, code difficult to explore.
- ✅ Allows the file to be opened by other softwares (still, for those cases export to SVG seems to be the common practice).
- ✅ Allows some automations and integrations. @@ -29,20 +29,19 @@ title: 14· Import/export files
- Export shared libraries: Files with shared libraries will be included in the export, maintaining their linkage.
- Include shared library assets in file libraries: Files will be exported with all external assets merged into the file library.
- Treat shared library assets as basic objects: Shared libraries will not be included in the export and no assets will be added to the library.
- Click on an object or select it at the layers panel. @@ -31,7 +31,7 @@ title: 13· Inspect designs
- Components: A component is an object or group of objects that can be reused multiple times across user files (projects and teams in the future). Learn more at the components section. +
- Components: A component is an object or group of objects that can be reused multiple times across files (projects and teams in the future). Learn more at the components section.
- Graphics: Both bitmap and vector images can be stored at the Graphics section.
- Colors: Create your color styles and use them on fills and strokes.
- Typographies: Penpot allows you to save typography styles with a set of reusable properties. You can always unlink a typography style maintaining the properties for the text layer. @@ -44,7 +44,7 @@ title: 09· Asset Libraries
- Components: Drag the component directly from the library to the viewport.
- Graphics: Same as components, just drag the selected graphic to the viewport. -
- Colors: With shape or a text selected click a color from the library to apply it as a fill. If you press Alt (or ⌥ in macOS) while click the color will be applied to the stroke. +
- Colors: With a shape or a text selected click a color from the library to apply it as a fill. If you press Alt (or ⌥ in macOS) while clicking, the color will be applied to the stroke.
- Typographies: With a text layer selected click a typography style from the library to apply it.
- Color profiles - Select between RGB, the Harmony Wheel or HSV.
- Gradients - Set linear or radial gradients.
- Sliders - Easily manage color and opacity. -
- Values - Set precise color values of red(R), green(G), bylue(B) and transparency(A). +
- Values - Set precise color values of red(R), green(G), blue(B) and transparency(A).
- Shortcuts - Switch between recent colors and libraries.
- Color palette - A quick launcher of the palette with the selected library.
- Apply color to fill: Just select the shape and click on the desired bullet in the color palette. -
- Apply color to stroke: PressAlt (or ⌥ in mac OS) while clicking. +
- Apply color to fill: Just select the shape and click on the preferred bullet in the color palette. +
- Apply color to stroke: Press Alt (or ⌥ in mac OS) while clicking.
- Line arrow - An simple line arrow (two lines at 45º) with the same width as the stroke. -
- Triangle arrow - An solid arrowhead witht the shape of a triangle. +
- Line arrow - A simple line arrow (two lines at 45º) with the same width as the stroke. +
- Triangle arrow - A solid arrowhead with the shape of a triangle.
- Square marker
- Circle marker
- Diamond marker diff --git a/user-guide/teams/index.njk b/user-guide/teams/index.njk index f0597626..4b011889 100644 --- a/user-guide/teams/index.njk +++ b/user-guide/teams/index.njk @@ -3,7 +3,7 @@ title: 15· Teams ---
- Editor: Without permissions to change member roles, invite members or update team settings.
- Copy link: Will copy to your clipboard the same link that has been sent via email with the invitation, so you can have other ways to pass it to the invited person. This is specially useful for self-hosted installations, where sometimes SMTP email is not configured. -
- Resend invitation: Will send the eamil invitation again. +
- Resend invitation: Will send the email invitation again.
- Delete invitation: Will remove the invitation from your invitation list, canceling it if is still pending.
- Teams: A team allows you to collaborate with other penpot users. Team members are allowed to work with any project or file within the team depending on their permissions. Members with admin permissions can also invite other members. Create or join as many teams as you need with different groups of people. +
- Teams: A team allows you to collaborate with other Penpot users. Team members are allowed to work with any project or file within the team depending on their permissions. Members with admin permissions can also invite other members. Create or join as many teams as you need with different groups of people.
- Search: If you are looking for a specific file just type its title at the search box.
- Projects: A project allows you to group design files. It works pretty much like a folder in a file system. You can create as many projects as you need. If you are going to work with more people in a project, you should create it inside a team.
- Drafts: The drafts section is where you can find the design files that are not inside any project.
- Shared Libraries: In this section you will find all the design files that have been added as shared libraries. That way you will be able to better control the files that are sharing their assets. -
- Custom fonts: If you have purchased or personal fonts that are not included in the catalog provided by Penpot, you can upload them from your computer and use them across the files of a team. -
- Pinned projects: If you want to keep some projects handy (for instance because you’re currently working on them) you can pin them to make them show at the sidebar. +
- Custom fonts: If you have purchased or own personal fonts that are not included in the catalog provided by Penpot, you can upload them from your computer and use them across the files of a team. +
- Pinned projects: If you want to keep some projects handy (for instance because you’re currently working on them) you can pin them to make them quickly available at the sidebar.
- User area: This must be you! Change your profile, password or change the language from the settings. You can also find here a way to leave us feedback. We’d love to read your thoughts :)
- Comments notifications: Here you will be able to see if you have unread comments inside the files of the team.
- Create project: Create as many projects as you need to organize your designs. @@ -79,25 +79,25 @@ title: 02· The interface
- Main menu: At the file main menu you are able to tweak your workspace configuration. Manage visibility for grids, rulers, panels. Enable or disable snapping, dynamic alignment. Add or remove the file as Shared Library. There’s also a link to the feedback options.
- Users: You can see how many users are working in the file at the same time.
- File status: Information about the file saving state. Know if last changes are saved or if there is a problem. -
- History panel: The history panel keeps track of the latest changes on an opened file. You can do undo/redo to walk the changes and expand each one of them to get detailed information. More about history -
- Zoom: Zoom options and shortcuts information. +
- History panel: The history panel keeps track of the latest changes on an opened file. You can undo/redo to walk the changes and expand each one of them to get detailed information. More about history panel. +
- Zoom: Zoom options.
- View mode: The view mode button launches a presentation with the boards. See more about what you can do at the view mode. -
- Layers panel: The layers panel allows you to see and manage the layers and pages of a file. A file can have as many pages as you need. Each page has its own viewport (the almost infinite area where you actually create your designs) with its own layers. You can create, delete or reorder your pages at your needs. More about layers -
- Assets panel: Each file has a default library (File Library) where that allows to store elements and styles that are likely to be reused. That includes components, graphics, colors and typographies. To add an asset to a library just click the “+” button at the header of each asset group. -
- Toolbar: The toolbar is the place where you will find the tools to quick and easily create the different types of objects: Board, rectangle, ellipse, text, graphic, path, free drawing and comments. More about objects -
- Typography palette: The Typography palette allows you to always have the typographie styles at plain sight. Use the menu to easily switch between libraries. +
- Layers panel: The layers panel allows you to see and manage the layers and pages of a file. A file can have as many pages as you need. Each page has its own viewport (the almost infinite area where you actually create your designs) with its own layers. You can create, delete or reorder your pages at your needs. More about layers. +
- Assets panel: Each file has a default library (File Library) where you can store elements and styles that are likely to be reused within a project. That includes components, graphics, colors and typographies. To add an asset to a library just click the “+” button at the header of each asset group. +
- Toolbar: The toolbar is the place where you will find the tools to quickly and easily create the different types of objects: board, rectangle, ellipse, text, graphic, path, free drawing and comments. More about objects. +
- Typography palette: The Typography palette allows you to always have the typography styles at plain sight. Use the menu to easily switch between libraries.
- Color palette: The color palette allows you to always have a color library at plain sight. Use the menu to easily switch between libraries. More about the color palette.
- Rulers: Sometimes you need coordinates to design. You can also drag guides from the rulers. -
- Design properties: At the Design properties sidebar you can find and edit the properties of a selected shape. The list of properties shown varies depending on the type of element. There are some common properties always set (like size and position) and others not set but available to be added (stroke, shadow, blur...). More about styling -
- Prototype mode: Penpot allows you to prototype interactions connecting boards. Once selected the prototype mode at the right sidebar, select an element to drag a connection to another board. You’ll be able to see the interactive prototype in action in the view mode (access by clicking the play button at the top right). More about prototyping -
- Inspect mode: Penpot allows you to get measures, properties and production-ready code from your designs. Also, inspect mode provides a safer view-only mode and other improvements. More about inspecting designs +
- Design properties: At the Design properties sidebar you can find and edit the properties of a selected shape. The list of properties shown varies depending on the type of element. There are some common properties always set (like size and position) and others not set but available to be added (stroke, shadow, blur...). More about styling. +
- Prototype mode: Penpot allows you to prototype interactions connecting boards. Once selected the prototype mode at the right sidebar, select an element to drag a connection to another board. You’ll be able to see the interactive prototype in action in the view mode (access by clicking the play button at the top right). More about prototyping. +
- Inspect mode: Penpot allows you to get measures, properties and production-ready code from your designs. Also, inspect mode provides a safer view-only mode and other improvements. More about inspecting designs.
- Viewport: An infinite canvas to design without limits.
- Pages selector: Navigate through the pages of a file. If the page is a shareable link this can be configured. -
- Boards selector: Frames selector displays a list of the boards with thumbnails that provide a graphic overview of the file. +
- Pages selector: Navigate through the pages of a file. You can configure how your shared links behave. +
- Boards selector: Boards selector displays a list of the boards with thumbnails that provide a graphic overview of the file.
- Boards counter: Boards count and current position.
- Play mode: Default presentation mode where you can also play with interactions.
- Comments mode: Comments mode shows comments inside Boards and allows users to reply or add new ones. -
- Inspect: At the Inspect mode you can get design specifications such as object properties, measurements and distances. You can also get code snippets for styles (currently CSS only but more coming) and SVG markup. More about Inspect -
- Interactions settings: Select whether to highlight interactions active areas on click, all the time or not at all. More about interaction settings +
- Inspect: At the Inspect mode you can get design specifications such as object properties, measurements and distances. You can also get code snippets for styles (currently CSS only but more coming) and SVG markup. More about Inspect. +
- Interactions settings: Select whether to highlight interactions active areas on click, all the time or not at all. More about interaction settings.
- Zoom: Zoom options and info about their shortcuts.
- Fullscreen mode: Activate or deactivate browser fullscreen mode.
- Share link: Create shareable links of the view mode to send it to developers, other designers or stakeholders, so they can view the designs and access the code specifications regardless being at your team or even logged at Penpot.
- Edit file: Opens file edition at the design workspace.
- Reset prototype: Goes to the first board of the prototype. -
- Navigation button: Forward and backwards buttons. +
- Navigation buttons: Forward and backwards buttons.
- Play the interactions (if there are any).
- Change view settings for interactions: don’t show, show or show on click.
- Click on the board name to see the boards list (with nice thumbnails).
- - Click on the page name to display the pages menu. At shareable links the available pages can be configurable.
+ - Click on the page name to display the pages menu. The pages can be configured in the shareable links section.
- Zooming options. Reset zoom Shift+0, Toogle fullscreen Shift+F, Toggle zoom style F, Zoom in +, Zoom out -.
- Activate the browser fullscreen mode.
- Activate the Inspect mode. @@ -30,7 +30,7 @@ title: 12· View mode
- To copy the link you can copy the url or press the copy button.
- To destroy a link press the button "Destroy link" and confirm the action. The link will cease to exist and will be no longer available, so be careful if you've already shared it. However, you will be always able to create a new one.
- At the workspace, activate the comment tool by clicking the comment icon in the toolbar or pressing the C key.
- Click on a location within the viewport to leave a comment. If you want the comment to appear in the board view, add the comment to the board. -
- Write your comment at the text box. +
- Write your comment in the text box.
- Press Post to leave the comment or Cancel to not do it.
Select multiple files to export them at the same time. An overlay will show you the progress of the different exports.
Exporting files linked to Shared libraries
-Exported files linked to shared libraries provide different ways to export their assets. Choose the one that suits you better!
+Exported files linked to shared libraries provide different ways to export their assets. Choose the one that suits you better.
Choose the one that suits you better for each occasion!
You can also export / download a file from its main menu at the design workspace.
Import Penpot files
-The import option is at the projects menu. Press “Import files” and then select one or more .penpot files to import.
+The import option is at the projects menu. Press “Import files” and then select one or more .penpot files to import. You can import a .zip file as well.
Before actually importing the files to your project, you’ll still have the chance to change their names or get rid of unwanted files.
diff --git a/user-guide/inspect/index.njk b/user-guide/inspect/index.njk index 848ab59a..21998768 100644 --- a/user-guide/inspect/index.njk +++ b/user-guide/inspect/index.njk @@ -13,11 +13,11 @@ title: 13· Inspect designs
At the Workspace
At the Workspace, select the Inspect tab at the right sidebar to enter inspect mode.
-Inspect mode provides a safer view-only mode at so developers can work at the Workspace without the fear of breaking things ;)
+Inspect mode provides a safer view-only mode so developers can work at the Workspace without the fear of breaking things ;)
How to get distances and measurements
-You can easily get measurements and distances between an object and other objects and board edges.
+You can easily get measurements and distances between an object and other objects or board edges.
To get distances:
How to copy properties info
-You can copy property values individually or full sections of them pressing the copy buttons that are shown at the right when hovering. For example you could copy all the layout properties or only the width.
+You can copy the value of one property or full sections of properties pressing the copy buttons that are shown at the right when hovering. For example you could copy all the layout properties or only the width.
How to get code
diff --git a/user-guide/introduction/info.njk b/user-guide/introduction/info.njk index 82ebf09a..8e7120d0 100644 --- a/user-guide/introduction/info.njk +++ b/user-guide/introduction/info.njk @@ -15,7 +15,7 @@ title: Tutorials & infoSuscribe to the Penpot Youtube channel to get updates when we upload new Penpot tutorials, demos of features and talks.
Frequently asked questions
-If you have questions about the "Whys" or the "Hows" of Penpot we have collected and answered a bunch of the most common questions that we've been asked so far at our Frequently Asked Questions.
+If you have questions about the "Whys" or the "Hows" of Penpot we have collected and answered a bunch of the most common questions that we've been asked so far at our Frequently Asked Questions.
Community space
We launched a community space to allow for everyone to be part of the conversation. Join the community here.
diff --git a/user-guide/introduction/quickstart.njk b/user-guide/introduction/quickstart.njk index 7e16fdc4..49f23ccf 100644 --- a/user-guide/introduction/quickstart.njk +++ b/user-guide/introduction/quickstart.njk @@ -6,10 +6,10 @@ title: QuickstartYou can start using Penpot right in your browser or installing it in a server of your own.
-In the browser
+In your browser
To use Penpot online point your browser to design.penpot.app and start designing. Use the latest Google Chrome or Mozilla Firefox for the best experience. We also provide specific support to WebKit (Safari / Epiphany).
-You simply go to penpot.app and click on the Signup button. You will be asked to create an account. We only ask for an email. There are some authentication providers available, too.
+You can also go to penpot.app if you want to read more about Penpot and our new releases. There, click on the Signup button. You will be asked to create an account. We only ask for an email. There are some authentication providers available, too.
-On my own server
-Current private Penpot instances are only requiring basic Docker knowledge.
+On your own server
+Currently, private Penpot instances only require basic Docker knowledge.
You can run your own Penpot server following the instructions at the Technical Guide
diff --git a/user-guide/introduction/shortcuts.njk b/user-guide/introduction/shortcuts.njk index d26d5e62..da4f52bd 100644 --- a/user-guide/introduction/shortcuts.njk +++ b/user-guide/introduction/shortcuts.njk @@ -8,7 +8,7 @@ title: ShortcutsHere you can find a list of all keyboard shortcuts that you can use in Penpot. Bear in mind that most of them are at the workspace, where they are more needed.
-You can also check the shortcuts at the GitHub file.
+You can also check the most updated list of shortcuts at the GitHub file.
Workspace
Item Alignment
diff --git a/user-guide/layer-basics/index.njk b/user-guide/layer-basics/index.njk index d7a00497..db3c3284 100644 --- a/user-guide/layer-basics/index.njk +++ b/user-guide/layer-basics/index.njk @@ -127,7 +127,7 @@ press Shift/⇧ + left click over the right arrow of a group or a boaBoolean operators
It is possible to combine shapes in a group in different ways to create more complex objects by using -"boolean" operators. Boolean operators are non destructive and the original shapes remain grouped and available or more editing. There are five boolean operations available: Union, difference, intersection, exclusion and flatten. Using boolean operations allows many graphic options and possibilities for your designs.
+"boolean" operators. Boolean operators are non destructive and the original shapes remain grouped and available or more editing. There are five boolean operations available: union, difference, intersection, exclusion and flatten. Using boolean operations allows many graphic options and possibilities for your designs.
-
@@ -180,6 +180,6 @@ press Shift/⇧ + left click over the right arrow of a group or a boa
RTL support
-Diversity and inclusion is one major Penpot concern and that's why we love to give support to RTL languages, unlike in most design tools.
+Diversity and inclusion is one major Penpot concern and that's why we love to give support to RTL languages, unlike most design tools.
If you write in arabic, hebrew or other RTL language text direction will be automatically detected in text layers.
diff --git a/user-guide/libraries/index.njk b/user-guide/libraries/index.njk index 9e250d20..4f113cdc 100644 --- a/user-guide/libraries/index.njk +++ b/user-guide/libraries/index.njk @@ -6,13 +6,13 @@ title: 09· Asset Libraries
Asset Libraries allow you to store elements and styles so that they can be easily reused. Libraries may include components, graphics, colors and typographies. Learn how to create and manage them to better organize the pieces of your designs and speed your workflow.
File library
-Each file has a File Library that allows assets that belong to it to be stored. You can find File Libraries at the workspace. To access them, click the assets panel icon at the bottom of the left toolbar or press Alt/⌥ + i.
+Each file has a File Library where assets are stored. You can find File Libraries at the workspace. To access them, click the assets panel icon at the bottom of the left toolbar or press Alt/⌥ + i.
Asset Types
In Penpot you can store four type of assets: components, graphics, colors and typographies:
-
-
@@ -73,10 +73,10 @@ title: 09· Asset Libraries
Multiselect assets
-Press Ctrl/⌘ + left click to select multiple assets and be able to perform operations on them simultaneously.
+Press Ctrl/⌘ + left click to select multiple assets and perform operations on them simultaneously.
Grouping assets
-Penpot allows you to create groups inside libraries. To create a group, use the slash-separated naming convention and the group will be created automatically. e.g.
+group / subgroup / asset_name.Penpot allows you to create groups inside libraries. To create a group, use the slash-separated naming convention when renaming an asset and the group will be created automatically. e.g.
group / subgroup / asset_name.Another way to create a group is to right click with more than one asset selected and then click “Group” in the contextual menu.
You can also move assets from or to groups by dragging them.
diff --git a/user-guide/prototyping/index.njk b/user-guide/prototyping/index.njk index 3cf99a71..42742e5a 100644 --- a/user-guide/prototyping/index.njk +++ b/user-guide/prototyping/index.njk @@ -3,9 +3,9 @@ title: 11· Prototyping ---Prototyping interactions
-Penpot allows you to prototype interactions by connecting boards (which can act as screens). Learn how to build interactive prototypes to visualize how users navigate through your screens and mimic your product behaviour.
+
Penpot allows you to prototype interactions by connecting boards, which can act as screens. Learn how to build interactive prototypes to visualize how users navigate through your screens and mimic your product behaviour.
-
Once the prototype is prepared with interactions and/or flows it can be used at the View mode and shared through a shareable link.
+
Once the prototype is prepared with interactions and/or flows, it can be used at the View mode and shared through a link.
Connecting boards
@@ -55,7 +55,7 @@ title: 11· Prototyping
Navigate to
-The classic, most usual of the prototyping actions. It takes the user to one board to the one that is being set in the interaction.
+The classic, most usual of the prototyping actions. It takes the user from one board to the destination set in the interaction.
Open overlay
It opens a board right over the current board. This action is typically used to display tooltips, modal windows or notifications.
@@ -159,4 +159,3 @@ title: 11· PrototypingSelect an element and check the option "Fix when scrolling" that you can find inside the Constraints section at the Design sidebar (right side).
Launch the View Mode to see the elements with a fixed scroll position.
-We are aware that this capability is still difficult to use whithout being able to restrict the screen size at the View Mode, something that we are already working on.
diff --git a/user-guide/styling/index.njk b/user-guide/styling/index.njk index 3cc3d631..08b46c6b 100644 --- a/user-guide/styling/index.njk +++ b/user-guide/styling/index.njk @@ -7,7 +7,7 @@ title: 06· StylingColor fills
Color fills can be added to boards, shapes, texts and groups of layers. A fill can be a custom color (in Hex) or a color style from a library.
-To apply a fill you can use the color picker, the color palette or a color styles.
+To apply a fill you can use the color picker, the color palette or a color style.
You can also set the opacity for custom fill colors.
TIP: Select an element and press numbers from 0 to 9 to set their fill opacity. 1 to get 10%, 2 to get 20% and so on. You can set precise opacity by pressing two numbers consecutively in less than a second (for example 5 and 4 to set 54% opacity).
@@ -26,13 +26,13 @@ title: 06· Styling
Color palette
-The color palette allows you to have a selected color library in plain sight. Use the menu to easily switch between libraries.
+The color palette allows you to have a selected color library in plain sight.
There are three ways to show/hide the color palette:
-
@@ -45,8 +45,8 @@ title: 06· Styling
Applying color from the palette
-
-
Colors showcase
@@ -72,8 +72,8 @@ title: 06· StylingThe stroke caps options are:
-
-
Teams
-A team allows you to collaborate with other penpot users. Team members are allowed to work with any project or file within the team depending on their permissions. Members with admin permissions can also invite other members. Create or join as many teams as you need with different groups of people.
+A team is a group of members who collaborate on a collection of projects. Team members are allowed to work with any project or file within the team depending on their permissions. Members with admin permissions can also invite other members. Create or join as many teams as you need with different groups of people.
Manage teams
At Penpot you can create as many teams as you need and be invited to teams owned by others. Learn how to manage them.
@@ -15,7 +15,7 @@ title: 15· Teams
Create teams
-To create a new team go to the bottom of the team selector and press "+ Create new team". Then you will be asked to enter a team name and that's it. A new team is created where you will be able to invite new team members.
+To create a new team go to the bottom of the team selector and press "+ Create new team". Then you will be asked to enter a team name and that's it. A new team is created and you will be able to invite new team members.
Delete and leave teams
@@ -40,10 +40,10 @@ title: 15· Teams
-
More team roles will be eventually available, as fine grained permissions management to control members accesses and actions.
+More team roles will be eventually available, as well as fine grained permissions management to control members access and actions.
Transfer ownership
-An owner can transfer their ownership to another team member anytime and has to transfer it before leaving the team.
+An owner can transfer their ownership to another team member anytime and is requested to transfer it before leaving the team.
Team invitations
@@ -59,7 +59,7 @@ title: 15· TeamsYou can perform the following actions over existing invitations:
diff --git a/user-guide/the-interface/index.njk b/user-guide/the-interface/index.njk index 1513412e..ef27b9b5 100644 --- a/user-guide/the-interface/index.njk +++ b/user-guide/the-interface/index.njk @@ -31,13 +31,13 @@ title: 02· The interface
-
-
View mode
-Launch the view mode to present and share your designs or play with the interactions set at the workspace. You also have an Inspect mode where you can get objects specifications and code snippets. More about the View mode
+Launch the view mode to present and share your designs or play with the interactions set at the workspace. You also have an Inspect mode where you can get objects specifications and code snippets. More about the View mode.
@@ -122,17 +122,17 @@ title: 02· The interface
-
-
Comments
You can activate comments at the View mode by pressing the comments icon at the top navbar.
-At the View mode only boards are shown so the comments that are placed outside boards will not show here.
+At the View mode only boards are shown so the comments that are placed outside boards will not be shown here.
@@ -43,7 +43,7 @@ title: 12· View mode
Tip: Add your desired "Interactions" setting (show / don't show / show on click) before creating the Share prototype link. This way the link will keep your selection.
+Tip: Add your preferred "Interactions" setting (show / don't show / show on click) before creating the Share prototype link. This way the link will keep your selection.
Manage permissions:
diff --git a/user-guide/workspace-basics/index.njk b/user-guide/workspace-basics/index.njk index 70a4673b..30e58642 100644 --- a/user-guide/workspace-basics/index.njk +++ b/user-guide/workspace-basics/index.njk @@ -3,7 +3,7 @@ title: 03· Workspace basics ---Workspace basics
-The Workspace is where you create designs. You have an infinite canvas in where you can directly work but you also have the ability to create pages and boards that will help you to create exportable components.
+The Workspace is where you create designs. You have an infinite canvas where you can directly work but you also have the ability to create pages and boards that will help you to create exportable components.
The viewport
Surrounded by panels, header and toolbars, in the middle of the workspace, you can find the viewport. The viewport is the design area of a file page. It is practically infinite. If what you need is a frame with specific, limited dimensions, you can create a board.
@@ -43,14 +43,10 @@ title: 03· Workspace basicsRulers
-Penpot has rulers that measure in pixels. Soon there will be guides that can be dragged from the rulers.
+Penpot has rulers that measure in pixels.
- - - -
Grids
Grids are design aids that are used to help you to align content to a geometric structure. In Penpot there are three types of grids: @@ -120,15 +116,15 @@ geometric structure. In Penpot there are three types of grids:
Snap to pixel
-Objects automatically snap to the pixel grid. If you need a different kind of precision like working at subpixel level using measures with decimals you can disable this option . This option can be disabled anytime from the main menu.
+Objects automatically snap to the pixel grid. If you need a different kind of precision like working at subpixel level using measures with decimals you can disable this option anytime from the main menu.
Nudge amount
-Set your desired distance to move objects using the keyboard. This is a must if you’re working with grids (if you’re not, you should ;)), being able to adjust the movement to your baseline grid (8px? 5px?) is a huge timesaver that will improve your quality of life while designing.
+Set your chosen distance to move objects using the keyboard. This is a must if you’re working with grids (if you’re not, you should ;)). Being able to adjust the movement to your baseline grid (8px? 5px?) is a huge timesaver that will improve your quality of life while designing.
Shortcuts panel
-Shortcuts boost your productivity but are not easy to find and learn. A handy panel at your workspace will help you with that.
+Shortcuts boost your productivity but they are not easy to learn. A handy panel at your workspace will help you with that.
Display the shortcuts panel at the workspace by clicking on the shortcuts button at the bottom of the left toolbar or using the shortcut ?
Categories and a filter will help you to find the shortcut you need.
@@ -144,19 +140,19 @@ geometric structure. In Penpot there are three types of grids:
Navigate history
To navigate through the history press Ctrl/⌘ + Z to go backwards and Ctrl/⌘ + Shift/⇧ + Z to go forward.
-You can also press any item of the history list to got to this specific state.
+You can also press any item of the history list to get to this specific state.
Comments
-Comments allows the team to have one priceless conversation getting and providing feedback right over the designs and prototypes.
+
Comments allow the team to have one priceless conversation getting and providing feedback right over the designs and prototypes.
Adding comments
How to reply a comment
- + +
-
diff --git a/faqs.njk b/faqs.njk
deleted file mode 100644
index 81c676fb..00000000
--- a/faqs.njk
+++ /dev/null
@@ -1,376 +0,0 @@
----
-title: FAQs
-layout: layouts/faqs.njk
-eleventyNavigation:
- key: FAQs
- order: 5
----
-
-
- 
-
-
-
-Frequently asked questions
- -- You probably arrived here because you either wanted to understand the Why Penpot or the How Penpot questions. Both are fine and we have grouped those questions attending to that soft categorisation. This FAQ will continue to evolve and, at some point, will probably require more ergonomics, filters and search. For now, let’s see how it goes. -
- -- Missing a question? This is a work in progress, for any suggestions please write us at support@penpot.app -
- --
- Why Penpot? - # -
--
- These are questions related to the fact that Penpot even exists or what is particularly different and new about it. -
- - -- Who created Penpot? Why? - # -
-- There is a company called Kaleidos Open Source that has been long known for its commitment to free & open source software and a more diverse and inclusive workplace where cross-domain teams really enjoy working together. Kaleidos launched Taiga a few years ago to deal with the absence of a truly agile open source project management tool. The next major pain in our ranked list of outrageous open source absentees was a design & prototype tool like Figma, Sketch or Invision. -
-- At Kaleidos we believe that the tools that we use to build end products should be as accessible to everyone, regardless of their background, skills or purchasing power. Also, not having a free & open source UX/UI tool that would make devs participate in the design process and bridge the gap between UX/UI and code was a terrible itch for us. -
--
- We created Penpot out of the need to enjoy design freedom for cross-domain teams. -
- - - -- Why specifically Open Source? - # -
-- It’s our very personal choice to make sure that we create tools that inject more freedom into the system. Open Source means pursuing a fairer society, where opportunities are more evenly distributed. Software Technology has the unique advantage, compared to other industries and intellectual property, of having almost zero cost to replicate itself, thus providing a wonderful chance to massively distribute the tools for a more digitally sovereign society. -
-- Besides the pure license aspect of it and its legal framework, Open Source fosters more engaging communities where the lines between user and contributor are often blurred. -
-- In particular, we chose the very respected Mozilla Public License 2.0 because it made software delivered through the web or a service subject to the same rules as software that runs natively on your operating system. -
- - - -- Why is SVG its native format? - # -
-- SVG (Scalar Vector Graphics) is a widely used Open Standard by the W3C. It permeates the web, the mobile world and visualisation outputs across a myriad of platforms. -
-- Embracing SVG was a technical challenge but it was a huge opportunity too. It makes a Penpot design itself valid code already. Moreover, the potential for integrations and interoperability are infinite. -
-- When you are certain that a part of your design is SVG and you live-export that SVG as part of your code repository, you can have back and forth changes through the SVG files. Also, a “continuous design” process could be finally at hand. -
-- Using SVG means that there is no translation between a design and its “mathematical” representation. The design is the SVG and the SVG is the design. This is a triumph for cross-domain collaboration. -
- - - -- Why is Penpot different from [X proprietary product]? - # -
-- It would be tempting to go on a feature-comparison mode here. That’s not going to happen. In terms of functionality Penpot is just fine already and with every new month, we will be bridging the gap between other well-known tools (founded between 2010 and 2012) and our hectic release cycle. -
-- What is really different is the combination of four key elements: -
--
-
- There is a theme here. Universal access. That’s why we love to call our product Penpot, there’s nothing more personal and yet more universal than a pot full of pens. It’s all about choice. -
- - - -- Why did you develop Penpot using Clojure and Clojurescript? - # -
-- Penpot is a very specific type of tool that demands high performance on the web. Penpot also has the challenging task of seamlessly manipulating zillions of mathematical objects with no information loss. Functional programming languages like Clojure excel at this. -
-- It is one of those instances where you absolutely need a specific technology to be able to achieve a robust tool like Penpot in a short period of time. -
-- Since Clojure is not (yet?) a mainstream programming language, we are making sure that there will be ways to extend Penpot using other more common languages such as Javascript. Also, at the backend level, appropriate APIs will be in place to easily connect Penpot with other platforms. -
- - - -- Why did you release Penpot as an Alpha? - # -
-- We couldn’t wait any longer. Back in February 2020 we promised that it would take as a year to develop a sort of 1.0. The “alpha” tag might be misleading, it’s quite stable and feature-rich but in some ways it’s still immature with regards to our vision. -
- -- Why did Penpot move to Beta? - # -
-- Penpot is labeled as beta from the beginning of November 2021. Since its public launch in February 2021, Penpot capabilities and benefits have grown at an astonishing fast rate. Meanwhile, we constantly came back to one recurring question: Is Penpot really an alpha product anymore? -
-- The combination of core features, maturity, stability and how comfortable teams seem to be while using it made the trick. Also, we saw amazing validation from the community as a whole (take a look at our github). Learn more about the details behind the change here. -
-- Anyway, enjoy it for what it is, we will keep releasing iterations of our hopeful plans. -
- - --
- How Penpot? - # -
--
- These are questions related to practical aspects of Penpot or its capabilities. -
- - - -- How do you plan to make Penpot’s development sustainable? - # -
-- Kaleidos Open Source, the company behind Penpot, has the resources and the team needed to do that. If Penpot really succeeds and demands more and more resources, a bigger team and a bigger infrastructure, we will need to find ways to monetize some aspects of Penpot. Many Open Source platforms have been very successful at that, without reverting to closing up the source code. -
-- SaaS subscriptions offer a quite valid and straightforward business model on top of Open Source. We are also considering marketplace models à-la-Wordpress or big-enterprise-focused features for supported Penpot deployments à-la-Gitlab. No bullshit Open Core models based on some iteration of a “Tax the rich” sound reasonable but we’re still unsure about what would make sense. At the moment, though, this is something we don’t plan to address until 2023. -
-- If you would like to know more about our track record, just take a look at Taiga and its MPL 2.0 licensing model. It’s great to have first-hand experience. -
- - -- How can I download and install Penpot for my team? - # -
-
- Current private Penpot instances are only requiring basic Docker knowledge. You can run your own Penpot server following these instructions:
-
- help.penpot.app/technical-guide/getting-started
-
- There’s a community contribution around a docker-less deployment using podman:
-
- blog.linuxgrrl.com/2022/01/19/running-penpot-locally-docker-free-with-podman
-
- How can I make Penpot work offline? - # -
-- At the moment that would require that you install Penpot locally and so you connect to localhost. Instructions for this using Docker can be found here: https://help.penpot.app/technical-guide/getting-started/ -
-- For a simpler approach, more akin to downloading a piece of software and running it on top of your operating system, please wait for our Electron-based app bundle later this year. -
- - - -- Where can I find the code? - # -
-- You can download the code or clone the repository at Github. -
- - - -- How can I enjoy the best Penpot browser experience? - # -
-- Cross-browser support is a key aspect of Penpot so we give much thought and care to it. -
-- Our current preference solely in terms of experience is: -
--
-
- How can I enjoy Penpot on the cloud? - # -
-- The easiest way to enjoy Penpot is quite simple. You simply go to https://penpot.app and click on the Signup button. You will be asked to create an account. We only ask for an email. There are some authentication providers available, too. -
- - - -- How can I work together with other people? - # -
-- The easiest way to do that in Penpot is to create a team and add projects as you need them. All those projects and files will be available for your team and you will be able to work either asynchronously or simultaneously. -
-- A Penpot user can be part of many different teams and have access to all their available projects. -
-- Of course, Penpot also gives you the possibility to work on your private projects or drafts. -
- - - -- How can I share my designs with external stakeholders? - # -
-- If you want to have a shareable URL to show your designs you can do it from the VIEW mode: launch it using the PLAY button at the top right of the file, and you'll find a SHARE URL button to create the link at the top right. Copy and send that link for other people to access the design. -
-- You can always invalidate a shared URL if you don’t wish to continue to make it accessible through that link. -
- - - -- How can I stay up-to-date with the latest Penpot news and what's to come? - # -
-- We will be sharing our progress and news through different channels: -
--
-
- How can I join the Penpot community? - # -
-- Just go to the Penpot Community space and join the public conversation. -
-- There is also a (sort of developer centric) chat where you can directly talk to the development team. Jump in right here https://gitter.im/penpot/community -
-- Say hello and introduce yourself! Happy to have you in every space! -
- - - -- How can I use Penpot together with Inkscape? - # -
-- Inkscape is a very powerful Open Source vector drawing tool. At Penpot we use it daily for our SVG creations. A very common use case we have is to use Inkscape to work with vector illustrations, icon sets and other graphic assets, before importing them into Penpot to create more complete and visually attractive interface designs. There are other tools that can complete your workflow, such as Quant-UX, which is very good for learning about your users’ interactions with your product. -
- - - -- How can I learn how to use Penpot? - # -
-- Right now, our suggested approach would be to take a look at this community post and enjoy the info and quick tutorials on many aspects of Penpot. -
- - - -- How can I contribute to Penpot? - # -
-- We are working on a comprehensive guide on how to contribute to Penpot. There are many ways this can be achieved. Designs, code, testing, reporting bugs, improving documentation, sharing Penpot designs with #MadeWithPenpot, translating Penpot to your favourite language, setting up training sessions, etc. -
-- For now, we have a rather limited contribution guide that you can already use but we plan to improve this very soon. -
- - --
- Other frequently asked questions - # -
--
- Here we include some other interesting questions people have asked or that we would like to directly address. -
- - - -- What is in Penpot’s roadmap for the short-/mid-term? - # -
-- Some of the things planned for the near future: -
--
-
- You can check the advance of the project at Taiga. -
- - - -- Did the team find a pattern (design, interaction, tool) that could be improved but decided to keep it because the reference tools already made it familiar to the user? - # -
-- Short answer would be no, we do not keep things from improving because of the potential loss of familiarity. -
-- It is true that we are using known patterns to ease the learning curve, this is part of Penpot’s strategy. Given that, we could say that “familiar” is included in our definition of success, but this might be for a different, also interesting, conversation. We do not hide that we have kept an eye not only on Figma but also on many other “usual suspects” (Sketch, Adobe XD, Inkscape, Webflow, Blender...) to study common patterns. However, our design decisions are based not only on previous research but also on testing solutions with users. Therefore, if we were to find that something works better for us in a different way, we’d go for it. Masks and toolbars are some examples of this approach. -
diff --git a/index.njk b/index.njk index 0fee7f7a..cb033531 100644 --- a/index.njk +++ b/index.njk @@ -17,10 +17,10 @@ eleventyNavigation:Everything you need to know about how Penpot works.
-